Buttons
Loading state buttons using data-loading-button.
Loading state
Forms
Custom form controls — custom-select.js, datetime-picker.js, checkboxes, radios, switches, and the output calculator.
Custom select
Converts native <select> into a fully custom dropdown via custom-dropdown-select class.
Checkboxes & radios
Checkbox shapes & colors
Radio buttons
Switch / toggle
Date & time pickers
Custom calendar and time picker via datetime-picker.js.
Output calculator
Navigation
Tabs and dropdown menus powered by tabs.js and dropdown.js.
Content
Removable badges and dismissible alerts — wired by badges.js and alerts.js.
Removable badges
Dismissible alerts
Success
Your changes were saved.
Error
Something went wrong. Try again.
Warning
Please review before continuing.
Info
Here is some contextual information.
Data display
Accordion and Chart.js visualizations.
Accordion
Content for accordion item 1. It can contain any HTML.
Content for accordion item 2. Multiple items expand independently.
Content for accordion item 3.
Charts
Chart.js graphs using data-chart.
Line Chart
Bar Chart
Pie Chart
Doughnut Chart
Area Chart
Feedback
Toasts, modals, popovers, tooltips, confirmations, drawers, and progress indicators.
Notifications / toasts
Modals
Popovers
Tooltips
Confirmation dialogs
Drawers
Progress indicators
Linear
Circular
Spinners
Platform
HTMX partial page updates loaded globally from base.html.
HTMX
Fetch a small HTML fragment without a full page reload.