mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
refactor: use icons from carbon-icons-svelte@11
(#1227)
* chore: update ignore rules, remove unused files * refactor(icons): use icons from carbon-icons-svelte@11 * docs(time-picker): fix default value * chore: upgrade carbon-icons-svelte to v11 * docs: update examples to use icons from carbon-icons-svelte@11 * docs: update number of icons [ci skip]
This commit is contained in:
parent
755a8aa5bc
commit
ba58ba8f00
176 changed files with 1410 additions and 2487 deletions
|
@ -16,7 +16,7 @@
|
|||
Row,
|
||||
Column,
|
||||
} from "carbon-components-svelte";
|
||||
import Fade16 from "carbon-icons-svelte/lib/Fade16";
|
||||
import Fade from "carbon-icons-svelte/lib/Fade.svelte";
|
||||
|
||||
let isSideNavOpen = false;
|
||||
</script>
|
||||
|
@ -39,16 +39,16 @@
|
|||
|
||||
<SideNav bind:isOpen="{isSideNavOpen}" rail>
|
||||
<SideNavItems>
|
||||
<SideNavLink icon="{Fade16}" text="Link 1" href="/" isSelected />
|
||||
<SideNavLink icon="{Fade16}" text="Link 2" href="/" />
|
||||
<SideNavLink icon="{Fade16}" text="Link 3" href="/" />
|
||||
<SideNavMenu icon="{Fade16}" text="Menu">
|
||||
<SideNavLink icon="{Fade}" text="Link 1" href="/" isSelected />
|
||||
<SideNavLink icon="{Fade}" text="Link 2" href="/" />
|
||||
<SideNavLink icon="{Fade}" text="Link 3" href="/" />
|
||||
<SideNavMenu icon="{Fade}" text="Menu">
|
||||
<SideNavMenuItem href="/" text="Link 1" />
|
||||
<SideNavMenuItem href="/" text="Link 2" />
|
||||
<SideNavMenuItem href="/" text="Link 3" />
|
||||
</SideNavMenu>
|
||||
<SideNavDivider />
|
||||
<SideNavLink icon="{Fade16}" text="Link 4" href="/" />
|
||||
<SideNavLink icon="{Fade}" text="Link 4" href="/" />
|
||||
</SideNavItems>
|
||||
</SideNav>
|
||||
</Header>
|
||||
|
|
|
@ -18,8 +18,8 @@
|
|||
Row,
|
||||
Column,
|
||||
} from "carbon-components-svelte";
|
||||
import SettingsAdjust20 from "carbon-icons-svelte/lib/SettingsAdjust20";
|
||||
import UserAvatarFilledAlt20 from "carbon-icons-svelte/lib/UserAvatarFilledAlt20";
|
||||
import SettingsAdjust from "carbon-icons-svelte/lib/SettingsAdjust.svelte";
|
||||
import UserAvatarFilledAlt from "carbon-icons-svelte/lib/UserAvatarFilledAlt.svelte";
|
||||
|
||||
let isSideNavOpen = false;
|
||||
let isOpen1 = false;
|
||||
|
@ -31,11 +31,11 @@
|
|||
<SkipToContent />
|
||||
</svelte:fragment>
|
||||
<HeaderUtilities>
|
||||
<HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust20}" />
|
||||
<HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust}" />
|
||||
<HeaderAction
|
||||
bind:isOpen="{isOpen1}"
|
||||
icon="{UserAvatarFilledAlt20}"
|
||||
closeIcon="{UserAvatarFilledAlt20}"
|
||||
icon="{UserAvatarFilledAlt}"
|
||||
closeIcon="{UserAvatarFilledAlt}"
|
||||
>
|
||||
<HeaderPanelLinks>
|
||||
<HeaderPanelDivider>Switcher subject 1</HeaderPanelDivider>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue