Benjamin Palko
f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com> Reviewed-on: #5
694 B
694 B
join
Join is a container for grouping multiple items, it can be used to group buttons, inputs, etc. Join applies border radius to the first and last item. Join can be used to create a horizontal or vertical list of items
Class names
- component:
join,join-item - direction:
join-vertical,join-horizontal
Syntax
<div class="join {MODIFIER}">{CONTENT}</div>
Rules
- {MODIFIER} is optional and can have one of the direction class names
- Any direct child of the join element will get joined together
- Any element with
join-itemwill be affected - Use
lg:join-horizontalfor responsive layouts