mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 18:31:06 +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
|
@ -9,24 +9,24 @@
|
|||
export let isOpen = false;
|
||||
|
||||
/**
|
||||
* Specify the icon to render for the closed state
|
||||
* Defaults to `Menu20`
|
||||
* Specify the icon to render for the closed state.
|
||||
* Defaults to `<Menu size={20} />`
|
||||
* @type {typeof import("svelte").SvelteComponent}
|
||||
*/
|
||||
export let iconMenu = Menu20;
|
||||
export let iconMenu = Menu;
|
||||
|
||||
/**
|
||||
* Specify the icon to render for the opened state
|
||||
* Defaults to `Close20`
|
||||
* Specify the icon to render for the opened state.
|
||||
* Defaults to `<Close size={20} />`
|
||||
* @type {typeof import("svelte").SvelteComponent}
|
||||
*/
|
||||
export let iconClose = Close20;
|
||||
export let iconClose = Close;
|
||||
|
||||
/** Obtain a reference to the HTML button element */
|
||||
export let ref = null;
|
||||
|
||||
import Close20 from "../icons/Close20.svelte";
|
||||
import Menu20 from "../icons/Menu20.svelte";
|
||||
import Close from "../icons/Close.svelte";
|
||||
import Menu from "../icons/Menu.svelte";
|
||||
</script>
|
||||
|
||||
<button
|
||||
|
@ -41,5 +41,5 @@
|
|||
on:click
|
||||
on:click="{() => (isOpen = !isOpen)}"
|
||||
>
|
||||
<svelte:component this="{isOpen ? iconClose : iconMenu}" />
|
||||
<svelte:component this="{isOpen ? iconClose : iconMenu}" size="{20}" />
|
||||
</button>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue