Storybook
  • Theme

  • Light
  • Dark
  • System
  • Dark tone

  • Dark
  • Dark dimmed
  • Dark high contrast
  • Dark colorblind
  • Dark Tritanopia
  • Light tone

  • Light
  • Light high contrast
  • Light colorblind
  • Light Tritanopia
  • Reset to default

Button

Variants

Selected

Small

Large

Full width

Submit

Link button

This makes the button look like a link.

Anchor link button

This renders an anchor link generated by Phoenix.Component.link, styled as a button.

With icon

With dropdown caret

Icon-only

Icon button

Icon button (sizes)

Close button

With counter

Button group