Join

Join is a container for grouping multiple items, it can be used to group buttons, inputs, or any other element. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items.

Class name
Type
join Component Container for grouping multiple items
join-item Component Item inside join. Can be a button, input, etc.
join-vertical
Responsive
Show items vertically
join-horizontal
Responsive
Show items horizontally
# Join
# Group items vertically
# Responsive: it's vertical on small screen and horizontal on large screen
# With extra elements in the group
Even if join-item is not a direct child of the group, it still gets the style
new
# Custom border radius
# Join radio inputs with btn style
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
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details