kopia lustrzana https://github.com/shoelace-style/shoelace
992 B
992 B
Tag
[component-header:sl-tag]
Tags are used as labels to organize things or to indicate a selection.
<sl-tag type="primary">Primary</sl-tag>
<sl-tag type="success">Success</sl-tag>
<sl-tag type="info">Info</sl-tag>
<sl-tag type="warning">Warning</sl-tag>
<sl-tag type="danger">Danger</sl-tag>
Examples
Size
Use the size
prop to change a tab's size.
<sl-tag size="small">Small</sl-tag>
<sl-tag size="medium">Medium</sl-tag>
<sl-tag size="large">Large</sl-tag>
Pill
Use the pill
prop to give tabs rounded edges.
<sl-tag size="small" pill>Small</sl-tag>
<sl-tag size="medium" pill>Medium</sl-tag>
<sl-tag size="large" pill>Large</sl-tag>
Clearable
Use the clearable
attribute to add a clear button to the tag.
<sl-tag size="small" clearable>Small</sl-tag>
<sl-tag size="medium" clearable>Medium</sl-tag>
<sl-tag size="large" clearable>Large</sl-tag>
[component-metadata:sl-tag]