Split (Flex)

use Filament\Schemas\Components\Flex;
use Filament\Schemas\Components\Section;
use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Toggle;

Flex::make([
    Section::make([
        TextInput::make('title'),
        Textarea::make('content'),
    ]),
    Section::make([
        Toggle::make('is_published'),
        Toggle::make('is_featured'),
    ])->grow(false),
])->from('md')

Flex::make([
    // ...
])->from('lg')

Section::make([
    // ...
])->grow(false)

Flex::make([
    // Main content area (grows)
    Section::make([
        TextInput::make('title'),
        Textarea::make('content'),
        RichEditor::make('body'),
    ]),
    
    // Fixed-width sidebar
    Section::make([
        Toggle::make('is_published'),
        Select::make('category_id'),
        FileUpload::make('featured_image'),
    ])->grow(false),
])->from('md')

Flex::make([
    // ...
])
    ->alignItems('start') // top
    ->justifyContent('between') // space between

Flex::make([
    // ...
])
    ->direction('column') // vertical on all sizes

Flex::make([
    // ...
])
    ->from('md') // horizontal from md up, vertical below

Flex::make([
    // ...
])
    ->gap('xl') // larger gap

Flex::make([
    Section::make('Content')
        ->schema([
            TextInput::make('title'),
            RichEditor::make('body'),
        ]),
    Section::make('Metadata')
        ->schema([
            DateTimePicker::make('published_at'),
            Select::make('status'),
        ])
        ->grow(false),
])->from('lg')

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

Flex::make([
    Card::make()->schema([/* stats */]),
    Card::make()->schema([/* chart */])->grow(false),
])