Skip to content

Separator

Separator::make() renders a thin hairline rule that visually divides content. It defaults to a full-width horizontal line — drop it between stacked items to group them:

Stack::make()->gap(Gap::Small)->schema([
Text::make('Profile'),
Separator::make(),
Text::make('Billing'),
Separator::make(),
Text::make('Security'),
]);

->orientation(Orientation $orientation) switches between Horizontal (the default) and Vertical. A vertical separator fills the height of its row — use it between inline items:

Stack::make()->direction(Orientation::Horizontal)->gap(Gap::Small)->schema([
Text::make('Draft'),
Separator::make()->orientation(Orientation::Vertical),
Text::make('Published'),
Separator::make()->orientation(Orientation::Vertical),
Text::make('Archived'),
]);

Inside a gutter-padded panel such as a Card or Section, a separator stops at the padding and reads as a rule floating inside the panel rather than dividing it. ->bleed() extends it across the gutter so it meets both edges:

Card::make('Account')->schema([
$this->row('Name', $user->name),
Separator::make()->bleed(),
$this->row('Email', $user->email),
]);