Tailwind Stimulus Components Examples
View on Github
To view examples locally, run npm install && npm run build && npx serve and then open localhost:3000 in your browser.
Alerts
We have alerts too!
Auto dismisses after 3 seconds.
Dropdowns
When open, you can navigate menu items with Up and Down keys.
Modals
Modals use the <dialog> html element and can be closed with Esc or a button. See the dialog element MDN docs.
Slideovers
Popovers
Hover me
This popover shows on hover
Click me
This popover shows on click and auto-hides after 3 seconds.
Tabs
These tabs can be navigated with the keyboard using Left, Right, Home, and End.
Tab panel 1
Tab panel 2
Tab panel 3
Radios as Tabs
Tab panel 1
Tab panel 2
Tab panel 3
Toggle
This is hidden text...
This is hidden text...
This is toggleable text...
Color Picker and Preview
A
#