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

feat(tag): support outline type

Browse source
This commit is contained in:
metonym 2021-10-14 15:30:43 -07:00
commit 7cc95e452b
6 changed files with 21 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/Tag/Tag.svelte
View file

@ -3,7 +3,7 @@
/**
* Specify the type of tag
* @type {"red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast"}
* @type {"red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast" | "outline"}
*/
export let type = undefined;
@ -70,6 +70,7 @@
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
class:bx--tag--outline="{type === 'outline'}"
{...$$restProps}
>
<slot props="{{ class: 'bx--tag__label' }}">
@ -112,6 +113,7 @@
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
class:bx--tag--outline="{type === 'outline'}"
{...$$restProps}
on:click
on:mouseover
@ -144,6 +146,7 @@
class:bx--tag--cool-gray="{type === 'cool-gray'}"
class:bx--tag--warm-gray="{type === 'warm-gray'}"
class:bx--tag--high-contrast="{type === 'high-contrast'}"
class:bx--tag--outline="{type === 'outline'}"
{...$$restProps}
on:click
on:mouseover