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.

Examples

Join

Preview Code

<dv-join>
  <dv-button>button</dv-button>
  <dv-button>button</dv-button>
  <dv-button>button</dv-button>
</dv-join>
vue

Group items vertically

Preview Code

<dv-join vertical>
  <dv-button>button</dv-button>
  <dv-button>button</dv-button>
  <dv-button>button</dv-button>
</dv-join>
vue

With extra elements in the group

Preview Code

<dv-join>
  <dv-input placeholder="Search..." />
  <dv-button>search</dv-button>
</dv-join>
vue

Join

Attributes

name	description	type	default
vertical	show items vertically	boolean	-