daisy
UI
3.8.2
Changelog
Version 2.x
Version 1.x
Search
Components
Blog
Theme
light
dark
cupcake
bumblebee
emerald
corporate
synthwave
retro
cyberpunk
valentine
halloween
garden
forest
aqua
lofi
pastel
fantasy
wireframe
black
luxury
dracula
cmyk
autumn
business
acid
lemonade
night
coffee
winter
Make your theme!
EN
English
ES
Español
FR
Français
ID
Indonesia
JA
日本語
KO
한국어
PT
Português
RU
Русский
UK
Українська
ZH
繁體中文
ZH
中文
Breadcrumbs
Breadcrumbs helps users to navigate through the website.
Class name
Type
breadcrumbs
Component
Container element
#
Breadcrumbs
Preview
HTML
JSX
Home
Documents
Add Document
#
Breadcrumbs with icons
Preview
HTML
JSX
Home
Documents
Add Document
#
Breadcrumbs with max-width
If you set max-width or the list gets larger than the container it will scroll
Preview
HTML
JSX
Long text 1
Long text 2
Long text 3
Long text 4
Long text 5
Prev
Toast
Next
Bottom navigation
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
Edit this page on GitHub
Sponsors
Never google
a command again
Become a sponsor
Sponsors
Never google
a command again
Become a sponsor