mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-20 20:33:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

docs: display "Required" tag for required props

Browse source
This commit is contained in:
Eric Liu 2022-05-22 12:38:41 -07:00
commit 5ff07d60b8
1 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

7
docs/src/components/ComponentApi.svelte
View file

@ -68,13 +68,18 @@
<InlineSnippet code="{prop.name}" />
{#if prop.reactive}
<div
style="white-space: nowrap; margin-top: var(--cds-spacing-03); margin-bottom: var(--cds-spacing-03)"
style="white-space: nowrap; margin-top: var(--cds-spacing-03); margin-bottom: var(--cds-spacing-{prop.isRequired
? '01'
: '03'})"
>
<Tag style="margin-left: 0" size="sm" type="cyan">
Reactive
</Tag>
</div>
{/if}
{#if prop.isRequired}
<Tag size="sm" type="magenta">Required</Tag>
{/if}
</StructuredListCell>
<StructuredListCell>
{#each (prop.type || "").split(" | ") as type, i (type)}