Button Group

Použití

Kdy používáme

• Pokud jsou související akce, které uživatel potřebuje vidět pohromadě.
• Když volby tvoří malou uzavřenou sadu (např. funkce nad tabulkami, nad grafy).
• V toolbarech, editorech, filtrech.
• Když je třeba přepínat mezi různými pohledy nebo režimy (Varianta segment control)

Kdy nepoužíváme

• Pokud akce spolu nesouvisí (uživatel by byl zmatený).
• Pokud je akcí příliš mnoho (lepší dropdown nebo action bar).
• Pokud je jedna akce výrazně důležitější než ostatní → použij primární tlačítko + vedlejší akce jinde.

Varianty

Základní varianta

Standardní Button Group seskupuje více tlačítek do jednoho celku bez mezer mezi nimi. Tlačítka jsou vizuálně spojena a tvoří kompaktní jednotku. Ideální pro související akce jako "Uložit", "Zrušit", "Smazat".

Segment control varianta

Segment control je speciální typ Button Group, kde pouze jedno tlačítko může být aktivní současně. Funguje podobně jako radio buttons, ale s vizuálním stylem tlačítek. Vhodné pro přepínání mezi různými pohledy nebo režimy.

Varianta s mezerou

ButtonGroup s mezerami mezi tlačítky poskytuje vizuální oddělení jednotlivých akcí při zachování jejich logického seskupení. Mezery zlepšují čitelnost a snižují riziko nechtěného kliknutí na špatné tlačítko.

Vertikální varianta

Vertikální uspořádání Button Group je vhodné pro úzké prostory nebo když chcete tlačítka zobrazit pod sebou. Zachovává vizuální seskupení, ale šetří horizontální prostor. Často používané v postranních panelech nebo mobilních rozhraních.

Vertikální varianta s mezerou

Kombinuje výhody vertikálního uspořádání s mezerami mezi tlačítky. Poskytuje jasné vizuální oddělení jednotlivých akcí při vertikálním rozložení. Ideální pro komplexnější formuláře nebo nástroje s více akcemi.