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

Select

Custom select built on details/summary — optionally searchable or backed by a remote endpoint.

Basic

Active
= app_theme_select_tag :status, [["All", ""], %w[Active active], %w[Paused paused]], selected: "active"

Searchable

Pick a country
= app_theme_select_tag :country,
  [%w[Germany de], %w[Jordan jo], %w[Netherlands nl], %w[Spain es], %w[Sweden se], ["United Kingdom", "uk"]],
  searchable: true, placeholder: "Pick a country"

Remote options

= app_theme_select_tag :customer_id, [], remote_url: "/customers.json", placeholder: "Search customers…"