Structure
Tooltip structure
| Property | Token | Pixel | Rem |
|---|---|---|---|
| Border radius | radius $0 | 4 | 0.25 |
| Padding top & bottom | space $2 | 8 | 0.5 |
| Padding left & right | space $3 | 12 | 0.75 |
Size
Tooltip size (width)
| Property | Pixel |
|---|---|
| maxWidth sm | 100 |
| maxWidth md (default) | 250 |
| smaxWidth lg | 400 |
Variants
Typography
| Element | Family | Weight | Size | Pixel | Rem |
|---|---|---|---|---|---|
| Description | $body | 400 | $sm | 14 | 0.875 |
Color
| Property | Token | Hex |
|---|---|---|
| Bg color | $grey900 | #33333 |
| Border-color - Default | $white | #fffff |
Shadow
| Property - state | Token |
|---|---|
| Box shadow | $0 |