Button
The everyday action. Glass is the default because most buttons sit on chrome; solid takes the accent and is reserved for the one primary action on a screen; danger is tinted rather than filled so a destructive action reads as serious without shouting.
import { Button } from '@andrewbehma/glass-ui';Playground
Button.tsx
import { Button } from '@andrewbehma/glass-ui';<Button>Save changes</Button>
States
Each tile is the live component. Open one in the playground to keep tweaking it.
- Glass
- Solid
- Ghost
- Danger
- Small
- Large
- Disabled