Buttons and links
All buttons are pills, and a variant differs from the others by its fill. Six variants, four heights and six states stand side by side.
- HairlineThe button reserves a transparent border, and the ring is drawn as a shadow on a pseudo element above the background.
- HoverHover snaps in and fades out over 150 ms.
- GroupsThe split button is one group with one name, and the arrow has aria-haspopup.
- Group
- Buttons 14 of 14
- Theme
- Light and dark
- Live pointer
- 9 steps, until you take over