Toolbar
Beta

Button group

Group related actions into toggleable buttons with support for icons, shapes, and multi-select workflows.

Import

import {FktButtonGroupComponent} from "frakton-ng/button-group";

Basic usage

Single-select group with labeled icons and a predefined selection.

Shapes

Compare rounded, rectangular, and flat shapes while keeping the same options.

Rounded
Rect
Flat
@for (variant of variants; track variant.label) {
	{{ variant.label }}
	
}

Only labels

Text-only buttons without icons for compact layouts.

Rounded
Rect
Flat
@for (variant of variants; track variant.label) {
	{{ variant.label }}
	
}

Only icons

Icon-only presentation with labels hidden for minimal UI.

Rounded
Rect
Flat
@for (variant of variants; track variant.label) {
	{{ variant.label }}
	
}