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
