tef-group

Default container

First Middle Last

Toggle

If you set the toggle attribute, all buttons will have the toggle behaviour.

First Middle Last

Toggle single

If you also set single, only one button at a time can be pressed.

First Middle Last

Size

The size attribute will set the size of all the elements inside the group. You can also set the size of each element individually.

First Middle Last First Middle Last First Middle Last

Colors

Default Positive Negative Subdued Significant

Icons

Close Close

Disabled

The disabled attribute will disable all buttons and inputs inside the tef-group.

Default Positive Negative Subdued Significant

Inline Inputs & buttons

You can group tef-input elements with tef-button elements.

With the row attribute the elements will have a blank space between them.

Anchor Button Anchor Button Anchor Button

Grouped Inputs & buttons

If row is not set, the buttons and inputs will be grouped together.

Anchor Button Anchor Button Anchor Button