Source code: {component.filePath}

Props

{#if component.props.length > 0}
Prop name Type Description {#each component.props.sort((a, b) => { // Sort props so required props are listed first, then reactive props. if (a.isRequired !== b.isRequired) { return b.isRequired ? 1 : -1; } if (a.reactive !== b.reactive) { return b.reactive ? 1 : -1; } return 0; }) as prop (prop.name)} {#if prop.reactive}
Reactive
{/if} {#if prop.isRequired} Required {/if} {#each (prop.type || "").split(" | ") as type, i (type)}
{#if type.startsWith("HTML")} {type} {:else if type in typeMap}
{:else}
{/if}
{/each} {#if prop.description} {#each prop.description.split("\n") as line}
{@html line .replace(/\/g, ">") .replace(/`(.*?)`/g, "$1")}.
{/each} {/if}
Default value
{#if prop.value === undefined} undefined {:else} {/if}
{/each}
{:else}

No props.

{/if}

Typedefs

{#if component.typedefs.length > 0}
t.ts).join("\n")} />
{:else}

No typedefs.

{/if}

Slots

{#if component.slots.length > 0} Slot name Slot detail {#each component.slots as slot (slot.name)} {slot.default ? "default" : slot.name} {/each} {:else}

No slots.

{/if}

Forwarded events

{#if forwarded_events.length > 0} {#each forwarded_events as event (event.name)} on:{event.name} {/each} {:else}

No forwarded events.

{/if}

Dispatched events

{#if dispatched_events.length > 0} {@const hasDescription = dispatched_events.find((el) => el.description)} Event name Event detail {#if hasDescription} Description {/if} {#each dispatched_events as event (event.name)} on:{event.name} {event.description ?? ""} {/each} {:else}

No dispatched events.

{/if}

$$restProps

{#if component.rest_props} {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}