linked.md

go back to Docs

Linked

Linked elements can be used to group together buttons and inputs. When grouped, those look like a singular element, borders between them lose radius, and separator lines are added.

<div class="linked">
  <button class="btn">1</btn>
  <button class="btn">2</btn>
  <button class="btn">3</btn>
</div>

Vertical

To create a group of buttons and/or inputs in a vertical orientation use the vertical class name.

<div class="linked vertical">
  <button class="btn">1</btn>
  <button class="btn">2</btn>
  <button class="btn">3</btn>
</div>

Class Names

• linked - a container element for buttons and inputs that are linked together
• vertical - a class that should be added to the container when it is oriented vertically