Button Group

Buttons can be grouped with the <tc:buttons/> tag. Just add some <tc:button/> tags.

Tag Library Documentation: <tc:buttons/> | <tc:button/>

Basics

A simple example with three buttons.

<tc:buttons>
  <tc:button label="Left"/>
  <tc:button label="Center"/>
  <tc:button label="Right"/>
</tc:buttons>

Default Button

It is also possible to set a default button.

<tc:buttons>
  <tc:button label="Left" defaultCommand="true"/>
  <tc:button label="Center"/>
  <tc:button label="Default"/>
</tc:buttons>

Split buttons

A dropdown button can also be placed in a <tc:buttons/> tag to create a split button.

<tc:buttons>
  <tc:button label="Primary" markup="primary"/>
  <tc:button omit="true" markup="primary">
    <tc:link label="Entry 1"/>
    <tc:link label="Entry 2"/>
    <tc:link label="Entry 3"/>
  </tc:button>
</tc:buttons>

Vertical

Vertical link group.

<tc:buttons orientation="vertical">
  <tc:button label="Left"/>
  <tc:button label="Center"/>
  <tc:button label="Right"/>
</tc:buttons>

Disable

This example shows how to disable all buttons in a button group. It's also possible to set disable to false e.g. for one button.