+ Reactive
+
+ {/if}
+ {prop.value}{prop[1].value}
- {line}.
- {/each}
+ {#if prop.description}
+ {#each prop.description.split('\n') as line}
+ {line}.
+ {/each}
+ {:else}
+ No description available.
+ {/if}
Slots
{#if component.slots.length > 0}Forwarded events
-{#if component.forwarded_events.length > 0} +{#if forwarded_events.length > 0}Dispatched events
-{#if component.dispatched_events.length > 0} +{#if dispatched_events.length > 0}No dispatched events.
{/if} + +$$restProps
+ +
+ {#if component.rest_props}
+
diff --git a/docs/src/layouts/ComponentLayout.svelte b/docs/src/layouts/ComponentLayout.svelte
index 9d323448..2a7f36c9 100644
--- a/docs/src/layouts/ComponentLayout.svelte
+++ b/docs/src/layouts/ComponentLayout.svelte
@@ -12,18 +12,13 @@
Tabs,
Tab,
TabContent,
- StructuredList,
- StructuredListHead,
- StructuredListRow,
- StructuredListCell,
- StructuredListBody,
} from "carbon-components-svelte";
import Code16 from "carbon-icons-svelte/lib/Code16";
import { page, metatags } from "@sveltech/routify";
import { onMount } from "svelte";
import { theme } from "../store";
import ComponentApi from "../components/ComponentApi.svelte";
- import API from "../PUBLIC_API.json";
+ import COMPONENT_API from "../COMPONENT_API.json";
export let component = $page.title;
export let components = [component];
@@ -33,8 +28,10 @@
metatags.title = $page.title;
- $: api = components.map((_) => API.components[_]).filter(Boolean);
- $: multiple = api.length > 1;
+ $: api_components = components.map((i) =>
+ COMPONENT_API.components.find((_) => _.moduleName === i)
+ );
+ $: multiple = api_components.length > 1;
onMount(() => {
const currentTheme = window.location.search.split("?theme=")[1];
@@ -173,15 +170,10 @@
{component.moduleName}
+ spreads
+ $$restProps
+ to the
+ {#if component.rest_props.type === 'Element'}
+ {component.rest_props.name}
+ element.
+ {:else}{component.rest_props.name} component.{/if}
+ {:else}This component does not spread restProps{/if}
+Component API
- Component API documentation is - - auto-generated + Component documentation is + + auto-generated by sveld. - from a build script.
@@ -190,11 +182,11 @@
- {#each api as component, i (component.moduleName)}
+ {#each api_components as component (component.moduleName)}
@@ -202,7 +194,7 @@