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

Link

Anchor tags styled either as a plain link (default) or as any button variant.

Default link

Read the documentation for details.

%p
  Read the
  = app_theme_link "documentation", href: "#"
  for details.

Button-styled links

Primary Primary outline Secondary Secondary outline Danger Danger outline Ghost Link
.demo-row
  - AppTheme::Concerns::BtnClasses::VARIANTS.each do |variant|
    = app_theme_link variant.to_s.humanize, href: "#", variant: variant

Sizes

Size xs Size sm Size md Size lg Size xl Size xxl
.demo-row
  - AppTheme::Concerns::BtnClasses::SIZES.each do |size|
    = app_theme_link "Size #{size}", href: "#", variant: :secondary, size: size