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 like daisyUI? tweet about it!

Support daisyUI's development: Open Collective