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
join Component Container for grouping multiple items
join-item Component Item inside join. Can be a button, input, etc.
Show items vertically
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
# 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

Dashboard template
for React and Next.js

Available on daisyUI store

More details