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

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.

Without underline

Edit
= app_theme_link "Edit", href: "#", underline: false

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