Pages
Introduction Colors & Tokens Icons
UI
Button Link Badge Notification Badge Alert Card Spinner Avatar Divider Empty State
Interactive
Modal Side Modal Dropdown Tooltip Accordion Tabs Flash Toast
Forms
Form Select Toggle Checkbox & Radio Text Fields Date & Time Fields
Layout
Navbar Sidebar Table Pagination Breadcrumbs Selector List
Utilities
Local Time

Button

Buttons trigger actions and submit forms. Rendered as a real button element.

Variants

.demo-row
  - AppTheme::Concerns::BtnClasses::VARIANTS.each do |variant|
    = app_theme_button variant.to_s.humanize, variant: variant

Sizes

.demo-row
  - AppTheme::Concerns::BtnClasses::SIZES.each do |size|
    = app_theme_button "Size #{size}", size: size

With icon (block form)

.demo-row
  = app_theme_button(variant: :primary) do
    = app_theme_icon(:paper_airplane, variant: :primary)
    Send
  = app_theme_button(variant: :ghost) do
    = app_theme_icon(:gear)
    Settings

States and options

.demo-row
  = app_theme_button "Disabled", disabled: true
  = app_theme_button "Submit", type: :submit, variant: :primary