| Prop | Type | Default | Required |
|---|---|---|---|
as | JSX.IntrinsicElements | - | - |
emphasis | "white" | "bold" | "subtle" | Partial<Record<Breakpoint, "white" | "bold" | "subtle">> | subtle | - |
highlighted | boolean | - | - |
isClickable | boolean | - | - |
overflow | "ellipsis" | "wrap" | wrap | - |
size | Partial<Record<Breakpoint, "xs" | "sm" | "md">> | "xs" | "sm" | "md" | sm | - |
theme | "neutral" | "primary" | "success" | "warning" | "danger" | "info" | "grey" | "blue" | "pink" | "purple" | "cyan" | "green" | "magenta" | "red" | "teal" | "orange" | "yellow" | "lime" | "lapis" | "maroon" | "marsh" | info | - |
| Prop | Type | Default | Required |
|---|---|---|---|
as | JSX.IntrinsicElements | - | - |
is | FC<SVGProps<SVGSVGElement>> | - | |
size | Partial<Record<Breakpoint, "sm" | "md" | "lg">> | "sm" | "md" | "lg" | - | - |
| Prop | Type | Default | Required |
|---|---|---|---|
as | JSX.IntrinsicElements | - | - |
family | "body" | "display" | "mono" | Partial<Record<Breakpoint, "body" | "display" | "mono">> | - | - |
noCapsize | boolean | - | - |
overflow | "ellipsis" | "wrap" | - | - |
size | Partial<Record<Breakpoint, "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl">> | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | - | - |
weight | "bold" | "normal" | Partial<Record<Breakpoint, "bold" | "normal">> | - | - |