Skip to content

Commit

Permalink
chore(prettier): format code
Browse files Browse the repository at this point in the history
  • Loading branch information
kennylam committed Oct 23, 2024
1 parent 6615271 commit cf33b7e
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 32 deletions.
35 changes: 19 additions & 16 deletions packages/web-components/src/components/select/select.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -197,22 +197,25 @@ export const Skeleton = {
};

export const WithAILabel = {
render: () => html` <div style="width: 400px">
<cds-select
helper-text="Optional helper text"
label-text="Select an option">
<cds-ai-label alignment="bottom-left"> ${content}${actions}</cds-ai-label>
<cds-select-item-group label="Category 1">
<cds-select-item value="all">Option 1</cds-select-item>
<cds-select-item value="cloudFoundry">Option 2</cds-select-item>
</cds-select-item-group>
<cds-select-item-group label="Category 2">
<cds-select-item value="staging">Option 3</cds-select-item>
<cds-select-item value="dea">Option 4</cds-select-item>
<cds-select-item value="router">Option 5</cds-select-item>
</cds-select-item-group>
</cds-select>
</div>`,
render: () =>
html` <div style="width: 400px">
<cds-select
helper-text="Optional helper text"
label-text="Select an option">
<cds-ai-label alignment="bottom-left">
${content}${actions}</cds-ai-label
>
<cds-select-item-group label="Category 1">
<cds-select-item value="all">Option 1</cds-select-item>
<cds-select-item value="cloudFoundry">Option 2</cds-select-item>
</cds-select-item-group>
<cds-select-item-group label="Category 2">
<cds-select-item value="staging">Option 3</cds-select-item>
<cds-select-item value="dea">Option 4</cds-select-item>
<cds-select-item value="router">Option 5</cds-select-item>
</cds-select-item-group>
</cds-select>
</div>`,
};

export const WithLayer = {
Expand Down
41 changes: 25 additions & 16 deletions packages/web-components/src/components/tag/tag.stories.ts
Original file line number Diff line number Diff line change
Expand Up @@ -107,24 +107,33 @@ export const Default = {
};

export const WithAILabel = {
render: () => html`<cds-tag type="red"
>Tag
<cds-ai-label alignment="bottom-left"> ${content}${actions}</cds-ai-label>
</cds-tag>
render: () =>
html`<cds-tag type="red"
>Tag
<cds-ai-label alignment="bottom-left">
${content}${actions}</cds-ai-label
>
</cds-tag>
<cds-tag filter type="purple">
Tag
<cds-ai-label alignment="bottom-left"> ${content}${actions}</cds-ai-label>
</cds-tag>
<cds-tag filter type="purple">
Tag
<cds-ai-label alignment="bottom-left">
${content}${actions}</cds-ai-label
>
</cds-tag>
<cds-tag type="blue">
${Asleep16({ slot: 'icon' })} Tag
<cds-ai-label alignment="bottom-left"> ${content}${actions}</cds-ai-label>
</cds-tag>
<cds-tag filter type="green">
${Asleep16({ slot: 'icon' })} Tag
<cds-ai-label alignment="bottom-left"> ${content}${actions}</cds-ai-label>
</cds-tag>`,
<cds-tag type="blue">
${Asleep16({ slot: 'icon' })} Tag
<cds-ai-label alignment="bottom-left">
${content}${actions}</cds-ai-label
>
</cds-tag>
<cds-tag filter type="green">
${Asleep16({ slot: 'icon' })} Tag
<cds-ai-label alignment="bottom-left">
${content}${actions}</cds-ai-label
>
</cds-tag>`,
};

export const Playground = {
Expand Down

0 comments on commit cf33b7e

Please sign in to comment.