Phoenix Duskmoon UI Storybook - Atom

Phoenix Duskmoon UI Storybook

Action
Art component
- Atom
- Cat Stargazer
- Circular Gallery
- Color Spin
- Eclipse
- Flower Animation
- Gemini Input
- Moon
- Mountain
- Plasma Ball
- Snow
- Sun
- Synthwave Starfield
Data display
Data entry
Feedback
Icon
Layout
Navigation

Button
Action Button
Dropdown
Action Dropdown
Fab
Action Fab
Link
Action Link
Menu
Action Menu
Swap
Action Swap
Toggle
Action Toggle
Atom
Art component Atom
Cat Stargazer
Art component Cat Stargazer
Circular Gallery
Art component Circular Gallery
Color Spin
Art component Color Spin
Eclipse
Art component Eclipse
Flower Animation
Art component Flower Animation
Gemini Input
Art component Gemini Input
Moon
Art component Moon
Mountain
Art component Mountain
Plasma Ball
Art component Plasma Ball
Snow
Art component Snow
Sun
Art component Sun
Synthwave Starfield
Art component Synthwave Starfield
Accordion
Data display Accordion
Avatar
Data display Avatar
Badge
Data display Badge
Card
Data display Card
Carousel
Data display Carousel
Chat Scroll
Data display Chat Scroll
Chip
Data display Chip
Collapse
Data display Collapse
Collapse Group
Data display Collapse Group
Countdown
Data display Countdown
Datetime
Data display Datetime
Diff
Data display Diff
Flash
Data display Flash
List
Data display List
Markdown
Data display Markdown
Markdown Body
Data display Markdown Body
Pagination
Data display Pagination
Pagination Thin
Data display Pagination Thin
Popover
Data display Popover
Progress
Data display Progress
Radial Progress
Data display Radial Progress
React Chat
Data display React Chat
Skeleton
Data display Skeleton
Stat
Data display Stat
Table
Data display Table
Timeline
Data display Timeline
Tooltip
Data display Tooltip
Autocomplete
Data entry Autocomplete
Cascader
Data entry Cascader
Checkbox
Data entry Checkbox
Code Engine
Data entry Code Engine
Compact Input
Data entry Compact Input
Datepicker
Data entry Datepicker
Fieldset
Data entry Fieldset
File Upload
Data entry File Upload
Filter Group
Data entry Filter Group
Form
Data entry Form
Form Counter
Data entry Form Counter
Form Divider
Data entry Form Divider
Form Grid
Data entry Form Grid
Form Hint
Data entry Form Hint
Form Inline
Data entry Form Inline
Form Row
Data entry Form Row
Form Section
Data entry Form Section
Input
Data entry Input
Markdown Input
Data entry Markdown Input
Multi Select
Data entry Multi Select
Otp Input
Data entry Otp Input
Pin Input
Data entry Pin Input
Radio
Data entry Radio
Rating
Data entry Rating
React Form
Data entry React Form
Segment Control
Data entry Segment Control
Select
Data entry Select
Slider
Data entry Slider
Switch
Data entry Switch
Textarea
Data entry Textarea
Time Input
Data entry Time Input
Tree Select
Data entry Tree Select
Dialog
Feedback Dialog
Loading
Feedback Loading
Loading Spinner
Feedback Loading Spinner
Snackbar
Feedback Snackbar
Snackbar Container
Feedback Snackbar Container
Toast
Feedback Toast
Toast Container
Feedback Toast Container
Icons
Icon Icons
Bottom Sheet
Layout Bottom Sheet
Divider
Layout Divider
Drawer
Layout Drawer
Sidebar Layout
Layout Sidebar Layout
Split Pane
Layout Split Pane
Theme Switcher
Layout Theme Switcher
Actionbar
Navigation Actionbar
Appbar
Navigation Appbar
Bottom Nav
Navigation Bottom Nav
Breadcrumb
Navigation Breadcrumb
Left Menu
Navigation Left Menu
Left Menu Group
Navigation Left Menu Group
Megamenu
Navigation Megamenu
Navbar
Navigation Navbar
Page Footer
Navigation Page Footer
Page Header
Navigation Page Header
Simple Appbar
Navigation Simple Appbar
Stepper
Navigation Stepper
Tab
Navigation Tab

Art component Atom

Atom

Stories Playground Source

Open in playground

<.dm_art_atom id="atom-single-default" />