Theme:

Join

Join groups buttons, inputs, and selects into one seamless control - inner borders collapse and only the outer corners stay rounded.

Input + Button

<div class="dui-join"> <input class="dui-input dui-input-bordered dui-join-item" placeholder="Search…" /> <button class="dui-btn dui-btn-primary dui-join-item">Search</button> </div>

Segmented Buttons

<div class="dui-join"> <button class="dui-btn dui-join-item">Day</button> <button class="dui-btn dui-btn-primary dui-join-item">Week</button> <button class="dui-btn dui-join-item">Month</button> </div>

Vertical