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.

Slideovers

Dropdowns

When open, you can navigate menu items with Up and Down keys.

Modals

This modal can be closed with the "esc" key or by clicking the backdrop.

Open Modal

Popovers

Hover me
Click me

Tabs

These tabs can be navigated with the keyboard using Left, Right, Home, and End.

Change tab by data-index Change tab by data-id or change by select

Radios as Tabs

Toggle

Color Picker and Preview

A

#