mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +00:00
feat(prettier): add svelteBracketNewLine
This commit is contained in:
parent
7a28d21ceb
commit
398887a3d3
182 changed files with 974 additions and 494 deletions
|
@ -10,4 +10,5 @@
|
|||
code="{code}"
|
||||
on:click="{() => {
|
||||
copy(code);
|
||||
}}" />
|
||||
}}"
|
||||
/>
|
||||
|
|
|
@ -17,7 +17,8 @@
|
|||
platformName="Components Svelte"
|
||||
href="."
|
||||
rel="prefetch"
|
||||
aria-current="{segment === undefined ? 'page' : undefined}">
|
||||
aria-current="{segment === undefined ? 'page' : undefined}"
|
||||
>
|
||||
<SkipToContent />
|
||||
<!-- <HeaderNav>
|
||||
<HeaderNavItem
|
||||
|
|
|
@ -39,7 +39,8 @@
|
|||
<Carbon.Accordion
|
||||
count="{3}"
|
||||
skeleton="{skeleton}"
|
||||
open="{accordionItemOpen}">
|
||||
open="{accordionItemOpen}"
|
||||
>
|
||||
<Carbon.AccordionItem title="Title 1" bind:open="{accordionItemOpen}">
|
||||
Content 1
|
||||
</Carbon.AccordionItem>
|
||||
|
@ -109,7 +110,8 @@
|
|||
iconDescription="Primary"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center"
|
||||
skeleton="{skeleton}" />
|
||||
skeleton="{skeleton}"
|
||||
/>
|
||||
<Carbon.Button
|
||||
icon="{Add16}"
|
||||
hasIconOnly
|
||||
|
@ -117,7 +119,8 @@
|
|||
iconDescription="Secondary"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center"
|
||||
skeleton="{skeleton}" />
|
||||
skeleton="{skeleton}"
|
||||
/>
|
||||
<Carbon.Button
|
||||
icon="{Add16}"
|
||||
hasIconOnly
|
||||
|
@ -125,7 +128,8 @@
|
|||
iconDescription="Tertiary"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center"
|
||||
skeleton="{skeleton}" />
|
||||
skeleton="{skeleton}"
|
||||
/>
|
||||
<Carbon.Button
|
||||
icon="{Add16}"
|
||||
hasIconOnly
|
||||
|
@ -133,7 +137,8 @@
|
|||
iconDescription="Ghost"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center"
|
||||
skeleton="{skeleton}" />
|
||||
skeleton="{skeleton}"
|
||||
/>
|
||||
<Carbon.Button
|
||||
icon="{Add16}"
|
||||
hasIconOnly
|
||||
|
@ -141,7 +146,8 @@
|
|||
iconDescription="Danger"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center"
|
||||
skeleton="{skeleton}" />
|
||||
skeleton="{skeleton}"
|
||||
/>
|
||||
</TileCard>
|
||||
</Carbon.Column>
|
||||
</Carbon.Row>
|
||||
|
@ -164,11 +170,13 @@
|
|||
<Carbon.Checkbox
|
||||
indeterminate
|
||||
skeleton="{skeleton}"
|
||||
labelText="Checkbox label" />
|
||||
labelText="Checkbox label"
|
||||
/>
|
||||
<Carbon.Checkbox
|
||||
indeterminate
|
||||
skeleton="{skeleton}"
|
||||
labelText="Checkbox label" />
|
||||
labelText="Checkbox label"
|
||||
/>
|
||||
</fieldset>
|
||||
</TileCard>
|
||||
</Carbon.Column>
|
||||
|
|
|
@ -47,7 +47,8 @@
|
|||
icon="{Code16}"
|
||||
iconDescription="Usage"
|
||||
tooltipAlignment="center"
|
||||
tooltipPosition="top" />
|
||||
tooltipPosition="top"
|
||||
/>
|
||||
<Button
|
||||
hasIconOnly
|
||||
kind="ghost"
|
||||
|
@ -55,7 +56,8 @@
|
|||
icon="{Code16}"
|
||||
iconDescription="Usage"
|
||||
tooltipAlignment="center"
|
||||
tooltipPosition="top" />
|
||||
tooltipPosition="top"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</Tile>
|
||||
|
|
|
@ -65,21 +65,25 @@
|
|||
text="Getting Started"
|
||||
href="getting-started"
|
||||
rel="prefetch"
|
||||
isSelected="{segment === 'getting-started'}" />
|
||||
isSelected="{segment === 'getting-started'}"
|
||||
/>
|
||||
<SideNavMenu
|
||||
text="Components"
|
||||
expanded="{segment === 'components'}"
|
||||
isSelected="{segment === 'components' && !$tail}">
|
||||
isSelected="{segment === 'components' && !$tail}"
|
||||
>
|
||||
<SideNavMenuItem
|
||||
text="Index"
|
||||
href="components"
|
||||
rel="prefetch"
|
||||
isSelected="{segment === 'components' && $tail && $tail.slug === 'index'}" />
|
||||
isSelected="{segment === 'components' && $tail && $tail.slug === 'index'}"
|
||||
/>
|
||||
<SideNavMenuItem
|
||||
text="Button"
|
||||
href="components/button"
|
||||
rel="prefetch"
|
||||
isSelected="{segment === 'components' && $tail && $tail.slug === 'button'}" />
|
||||
isSelected="{segment === 'components' && $tail && $tail.slug === 'button'}"
|
||||
/>
|
||||
</SideNavMenu>
|
||||
</SideNavItems>
|
||||
</SideNav>
|
||||
|
@ -88,7 +92,8 @@
|
|||
<Row>
|
||||
<Column
|
||||
style="display: flex; align-items: center; justify-content:
|
||||
space-between;">
|
||||
space-between;"
|
||||
>
|
||||
<Breadcrumb>
|
||||
<BreadcrumbItem href="." isCurrentPage="{!$tail && !segment}">
|
||||
Home
|
||||
|
|
|
@ -110,7 +110,8 @@
|
|||
selected="{props[key].default}"
|
||||
on:change="{({ detail }) => {
|
||||
defaultProps = { ...defaultProps, [key]: detail };
|
||||
}}">
|
||||
}}"
|
||||
>
|
||||
{#each props[key].values as value}
|
||||
<RadioButton value="{value}" id="{value}" labelText="{value}" />
|
||||
{/each}
|
||||
|
@ -125,6 +126,7 @@
|
|||
code="{data.source}"
|
||||
on:click="{() => {
|
||||
copy(data.source);
|
||||
}}" />
|
||||
}}"
|
||||
/>
|
||||
</Column>
|
||||
</Row>
|
||||
|
|
|
@ -11,7 +11,8 @@
|
|||
on:click="{() => console.log('click')}"
|
||||
on:mouseover="{() => console.log('mouseover')}"
|
||||
on:mouseenter="{() => console.log('mouseenter')}"
|
||||
on:mouseleave="{() => console.log('mouseleave')}">
|
||||
on:mouseleave="{() => console.log('mouseleave')}"
|
||||
>
|
||||
Primary button
|
||||
</Button>
|
||||
|
||||
|
@ -46,7 +47,8 @@
|
|||
icon="{Add16}"
|
||||
iconDescription="Primary"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center" />
|
||||
tooltipAlignment="center"
|
||||
/>
|
||||
|
||||
<Button
|
||||
{...$$props}
|
||||
|
@ -55,7 +57,8 @@
|
|||
icon="{Add16}"
|
||||
iconDescription="Secondary"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center" />
|
||||
tooltipAlignment="center"
|
||||
/>
|
||||
|
||||
<Button
|
||||
{...$$props}
|
||||
|
@ -64,7 +67,8 @@
|
|||
icon="{Add16}"
|
||||
iconDescription="Tertiary"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center" />
|
||||
tooltipAlignment="center"
|
||||
/>
|
||||
|
||||
<Button
|
||||
{...$$props}
|
||||
|
@ -73,7 +77,8 @@
|
|||
icon="{Add16}"
|
||||
iconDescription="Ghost"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center" />
|
||||
tooltipAlignment="center"
|
||||
/>
|
||||
|
||||
<Button
|
||||
{...$$props}
|
||||
|
@ -82,5 +87,6 @@
|
|||
icon="{Add16}"
|
||||
iconDescription="Danger"
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center" />
|
||||
tooltipAlignment="center"
|
||||
/>
|
||||
</div>
|
||||
|
|
|
@ -27,11 +27,13 @@
|
|||
<div slot="content" class="content">
|
||||
<TabContent>
|
||||
<CopyableCodeSnippet
|
||||
code="{`yarn add -D carbon-components-svelte`}" />
|
||||
code="{`yarn add -D carbon-components-svelte`}"
|
||||
/>
|
||||
</TabContent>
|
||||
<TabContent>
|
||||
<CopyableCodeSnippet
|
||||
code="{`npm -i -D carbon-components-svelte`}" />
|
||||
code="{`npm -i -D carbon-components-svelte`}"
|
||||
/>
|
||||
</TabContent>
|
||||
</div>
|
||||
</Tabs>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue