Component Showcase

Built-In Components

Alert

Primary alert

Secondary alert

Accent alert

Neutral alert

Info alert

Success alert

Warning alert

Error alert

Back

Button

Primary Secondary

Accent Neutral

Info Success

Warning Error

Error

Flash Messages

Info Flash Success Flash

Warning Flash Error Flash

Long Flash

Form Actions Default

Header

Header Title

Header Title

Header subtitle

Header Title

Header subtitle

Hide me

Header Title

Header subtitle

Action 1 Action 2

List

LiveView + Alpine Reactivity Demo

Modal

Show Modal

Show/Hide

Show Hide

Now you see me...

Simple Form

Text input

Email input

Password input

Checkbox input

Select input Select an optionpassfail

Textarea input*

I confirm that the form data is correct.

Cancel Reset Submit

Table

Custom Components

Action Links

Actions

• Item 1
• Item 2
• Item 3

Loader

Toast Messages

Alpine.js is not installed, or Alpine.store('toasts') does not exist, so this section will not be functional.

Primary Toast Secondary Toast

Accent Toast Neutral Toast

Info Toast Success Toast

Warning Toast Error Toast

Long Toast Clear Toasts