Phoenix LiveView Component Explorer

Component Explorer

Phoenix LiveView

Components

Button
Interactive button component with various styles
Alert
Alert component for notifications and messages
Accordion
Collapsible content sections
Table
Data table with sorting and pagination
List
Ordered and unordered lists
Form
Form components with validation
Input
Text input fields with various types
Modal
Overlay dialogs and popups
Drawer
Sidebar navigation components
Popover
Floating content containers
Card
Content containers with headers and actions
Select
Dropdown selection components
Knob
Circular input controls
Date Picker
Date selection components
Color Picker
Color selection tools
Chip
Small labeled elements
Tag
Categorized content labels
Avatar
User profile images
Breadcrumb
Navigation hierarchy
Multi Stepper
Multi-step progress indicators
Tabs
Tabbed content navigation
Divider
Content separation elements

Welcome to Component Explorer

Select a component from the sidebar to view its preview, edit props, and see the source code.

Button
Interactive button component with various styles
Alert
Alert component for notifications and messages
Accordion
Collapsible content sections
Table
Data table with sorting and pagination
List
Ordered and unordered lists
Form
Form components with validation