let
| No | "red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast"
| -- | Specify the type of tag |
-| size | let
| No | "sm" | "default"
| "default"
| -- |
-| filter | let
| No | boolean
| false
| Set to `true` to use filterable variant |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable a filterable tag |
-| interactive | let
| No | boolean
| false
| Set to `true` to render a `button` element instead of a `div` |
-| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
-| title | let
| No | string
| "Clear filter"
| Set the title for the close button in a filterable tag |
-| icon | let
| No | typeof import("svelte").SvelteComponent
| -- | Specify the icon from `carbon-icons-svelte` to render |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the filterable tag |
| Prop name | Kind | Reactive | Type | Default value | Description |
| :---------- | :--------------- | :------- | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | ------------------------------------------------------------- |
| type | let
| No | "red" | "magenta" | "purple" | "blue" | "cyan" | "teal" | "green" | "gray" | "cool-gray" | "warm-gray" | "high-contrast" | "outline"
| -- | Specify the type of tag |
@@ -4051,7 +4040,7 @@ None.
| interactive | let
| No | boolean
| false
| Set to `true` to render a `button` element instead of a `div` |
| skeleton | let
| No | boolean
| false
| Set to `true` to display the skeleton state |
| title | let
| No | string
| "Clear filter"
| Set the title for the close button in a filterable tag |
-| icon | let
| No | typeof import("carbon-icons-svelte").CarbonIcon
| -- | Specify the icon from `carbon-icons-svelte` to render |
+| icon | let
| No | typeof import("svelte").SvelteComponent
| -- | Specify the icon from `carbon-icons-svelte` to render |
| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the filterable tag |
### Slots