mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-18 11:36:36 +00:00
feat(tag): support small size variant
This commit is contained in:
parent
6f7acd224f
commit
ce3a34ac9c
7 changed files with 56 additions and 5 deletions
|
@ -7803,7 +7803,17 @@
|
|||
{
|
||||
"moduleName": "TagSkeleton",
|
||||
"filePath": "/src/Tag/TagSkeleton.svelte",
|
||||
"props": [],
|
||||
"props": [
|
||||
{
|
||||
"name": "size",
|
||||
"kind": "let",
|
||||
"type": "\"sm\" | \"default\"",
|
||||
"value": "\"default\"",
|
||||
"isFunction": false,
|
||||
"constant": false,
|
||||
"reactive": false
|
||||
}
|
||||
],
|
||||
"slots": [],
|
||||
"events": [
|
||||
{ "type": "forwarded", "name": "click", "element": "span" },
|
||||
|
@ -7827,6 +7837,15 @@
|
|||
"constant": false,
|
||||
"reactive": false
|
||||
},
|
||||
{
|
||||
"name": "size",
|
||||
"kind": "let",
|
||||
"type": "\"sm\" | \"default\"",
|
||||
"value": "\"default\"",
|
||||
"isFunction": false,
|
||||
"constant": false,
|
||||
"reactive": false
|
||||
},
|
||||
{
|
||||
"name": "filter",
|
||||
"kind": "let",
|
||||
|
|
|
@ -9,6 +9,10 @@
|
|||
|
||||
<Tag>IBM Cloud</Tag>
|
||||
|
||||
### Small size
|
||||
|
||||
<Tag size="sm">IBM Cloud</Tag>
|
||||
|
||||
### Tag types
|
||||
|
||||
<Tag type="red">red</Tag>
|
||||
|
@ -32,8 +36,11 @@
|
|||
Note: rendering a custom icon cannnot be used with the filterable variant.
|
||||
|
||||
<Tag icon={IbmCloud16}>IBM Cloud</Tag>
|
||||
<Tag icon={Document16} type="blue">API documentation</Tag>
|
||||
|
||||
### Skeleton
|
||||
|
||||
<Tag skeleton />
|
||||
<Tag skeleton />
|
||||
|
||||
### Skeleton (small)
|
||||
|
||||
<Tag size="sm" skeleton />
|
Loading…
Add table
Add a link
Reference in a new issue