Flex

Uspořádá dětské komponenty vedle sebe na jedné vodorovné (flexbox) ose, na malých obrazovkách je skládá svisle. Použijte ho, když chcete řadu ovládacích prvků nebo panelů, které rostou a sdílejí prostor, místo pevného sloupcového gridu.

Nezaměňovat s table SplitColumn, který dělí prostor uvnitř jedné buňky tabulky.

use NyonCode\WireCore\Foundation\Schema\Flex;

Použití

Flex::make()->schema([
    TextInput::make('first_name'),
    TextInput::make('last_name'),
])

Ve výchozím stavu potomci rostou a sdílejí řádek rovnoměrně a řádek se stane vodorovným na breakpointu md, pod ním se skládá svisle.

Řízení layoutu

Flex::make()
    ->from('lg')          // vodorovně od breakpointu lg místo md
    ->justify('between')  // rozdělit potomky podél hlavní osy
    ->align('center')     // zarovnání na příčné ose
    ->gap(6)              // mezera mezi potomky (Tailwind gap škála 0–12)
    ->grow(false)         // zachovat přirozené šířky místo vyplnění řádku
    ->wrap()              // povolit potomkům zalomit na více řádků
    ->schema([...])

Metody

Související dokumentace

• Grid
• Section