Skip to content

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