{% load wagtail_daisIE_tags %} {{ object.name }} {% daisyui_theme_css theme %}

Accordion

Click to open this item

Accordion content goes here.

Second item

More accordion content.

Alert

Avatar

avatar
avatar
avatar
JD
avatar
avatar
+2

Badge

Default Neutral Primary Secondary Accent Info Success Warning Error Outline Dash Soft Ghost xs sm md lg xl

Breadcrumbs

Button

Card

Shoes

Card Title

A card component has a figure, body, and title.

Car

Side Card

Card with image on the side.

Carousel

carousel
carousel
carousel

Chat

avatar
Alice
Hi! How are you?
Seen at 12:00
avatar
Bob
I'm good, thanks!
Sent at 12:01

Checkbox

Collapse

Collapse Title

Collapse content goes here.

Countdown

50

Diff

before
after

Divider

Default
Neutral
Primary
Secondary
Accent
Success
Warning
Info
Error
Start
End
Vertical
Horizontal

Dock

Drawer

Page content here

Dropdown

Open Dropdown

FAB

+

Fieldset

Personal Info

Fill in your personal details

File Input

Filter

Footer

Hero

Hero Title

Hero description text goes here.

Indicator

99+
Inbox

Input

Join

KBD

K xs sm md lg xl Ctrl + C

Label

Link

Default link Hover link Neutral Primary Secondary Accent Success Info Warning Error

List

Loading

Mask

mask mask mask mask mask mask mask mask

Menu

Mockup Browser

https://daisyui.com
Browser content area

Mockup Code

npm i daisyui
installing...
error!

Mockup Phone

Phone screen content

Mockup Window

Window content

Modal

Modal Title

Modal content goes here.

Navbar

Pagination

Progress

Radial Progress

70%

Radio

Range

Rating

Select

Skeleton

Loading text...
More text

Stack

Card 1
Card 2
Card 3

Stat

Downloads
31K
Jan 1st - Feb 1st
Users
4,200
↗︎ 400 (22%)
New Registers
1,200
↘︎ 90 (14%)

Status

Steps

Swap

Tabs

Table

NameJob
AliceDesigner
BobDeveloper

Textarea

Theme Controller

Timeline

Toast

Toast message

Toggle

Tooltip

Validator

This field is required

Hover 3D

3D card

Hover Gallery

hat 1 hat 2 hat 3

Text Rotate

DESIGN DEVELOP DEPLOY