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";

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

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

Rounded

Rect

Flat

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

Text-only buttons without icons for compact layouts.

Rounded

Rect

Flat

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

Icon-only presentation with labels hidden for minimal UI.

Rounded

Rect

Flat

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