A Chip is a small block of essential information.
import { Chip } from 'sveltekev';Content...
size xs
size sm
size md
size lg
size xl
radius none
radius sm
radius md
radius lg
radius full
black
white
gray
none
default
primary
secondary
success
warning
danger
shadow 0
shadow 1
shadow 2
shadow 3
Kevin170597
ATTRIBUTE | TYPE | DEFAULT |
|---|---|---|
content | string | null |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | md |
radius | 'none' | 'sm' | 'md' | 'lg' | 'full' | none |
color | 'black' | 'white' | 'gray' | 'none' | 'default' | 'primary' | 'secondary' | 'success' | 'warning'| 'danger' | default |
shadow | 0 | 1 | 2 | 3 | 0 |
icon | string | null |