Artboard
Artboard provides fixed size container to display a demo content on mobile size.
| Class name | Type | |
|---|---|---|
| artboard | Component | Container element |
| artboard-demo | Modifier | Adds shadow and radius. Puts items in center |
| phone-1 | Modifier | Size 1 (320×568) |
| phone-2 | Modifier | Size 2 (375×667) |
| phone-3 | Modifier | Size 3 (414×736) |
| phone-4 | Modifier | Size 4 (375×812) |
| phone-5 | Modifier | Size 5 (414×896) |
| phone-6 | Modifier | Size 6 (320×1024) |
| artboard-horizontal | Modifier | shows horizontal view |
# Artboard size 1
320×568
# Artboard size 2
375×667
# Artboard size 3
414×736
# Artboard size 4
375×812
# Artboard size 5
414×896
# Artboard size 6
320×1024
# Artboard horizontal size 1 (568×320)
568×320
# Artboard horizontal size 2 (667×375)
667×375
# Artboard horizontal size 3 (736×414)
736×414
# Artboard horizontal size 4 (812×375)
812×375
# Artboard horizontal size 5 (896×414)
896×414
# Artboard horizontal size 6 (1024×320)
1024×320
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development:
Open Collective
