Phoenix Duskmoon UI Storybook
Components
Avatar
Quick search...
⌘K
Storybook
Components
Actionbar
Avatar
Badge
Breadcrumb
Button
Button Noise
Card
Divider
Dropdown
Eclipse
Form
Forms Showcase
Fun Showcase
Left Menu
Left Menu Group
Link
Loading
Markdown
Modal
Navbar
Pagination
Pagination Thin
Plasma Ball
Progress
Signature
Skeleton
Snow
Spotlight Search
Tab
Table
Tooltip
Ui Showcase
Form
- 0.9.3
Actionbar
Components
Actionbar
Avatar
Components
Avatar
Badge
Components
Badge
Breadcrumb
Components
Breadcrumb
Button
Components
Button
Button Noise
Components
Button Noise
Card
Components
Card
Divider
Components
Divider
Dropdown
Components
Dropdown
Eclipse
Components
Eclipse
Form
Components
Form
Forms Showcase
Components
Forms Showcase
Fun Showcase
Components
Fun Showcase
Left Menu
Components
Left Menu
Left Menu Group
Components
Left Menu Group
Link
Components
Link
Loading
Components
Loading
Markdown
Components
Markdown
Modal
Components
Modal
Navbar
Components
Navbar
Pagination
Components
Pagination
Pagination Thin
Components
Pagination Thin
Plasma Ball
Components
Plasma Ball
Progress
Components
Progress
Signature
Components
Signature
Skeleton
Components
Skeleton
Snow
Components
Snow
Spotlight Search
Components
Spotlight Search
Tab
Components
Tab
Table
Components
Table
Tooltip
Components
Tooltip
Ui Showcase
Components
Ui Showcase
Checkbox
Components
Form
Checkbox
Color Picker
Components
Form
Color Picker
Compact Input
Components
Form
Compact Input
Datepicker
Components
Form
Datepicker
File Upload
Components
Form
File Upload
Input
Components
Form
Input
Password Strength
Components
Form
Password Strength
Radio
Components
Form
Radio
Range Slider
Components
Form
Range Slider
Rating
Components
Form
Rating
Rich Text
Components
Form
Rich Text
Search With Suggestions
Components
Form
Search With Suggestions
Select
Components
Form
Select
Slider
Components
Form
Slider
Slider Range
Components
Form
Slider Range
Switch
Components
Form
Switch
Tags
Components
Form
Tags
Textarea
Components
Form
Textarea
Timepicker
Components
Form
Timepicker
Avatar
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
src
:string
alt
:string
name
:string
placeholder_img
:any
size
:string
"md"
xs
sm
md
lg
xl
shape
:string
"circle"
circle
square
color
:string
"primary"
primary
secondary
accent
info
success
warning
error
border
:boolean
false
online
:boolean
false
offline
:boolean
false
class
:string
img_class
:string
placeholder_class
:string
rest
:global
placeholder
:slot
Custom placeholder content
Open a variation
Default
With border
Online status
Offline status
Text based
Text based colored
Size variants
Small avatar
Large avatar
Extra large avatar
Square shape
Different colors
Warning color
Error color
Info color
Short name
Two initials
Without name