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'),]);- align:null
- direction:null
- float:null
- gap:"sm"
- height:null
- justify:null
- sticky:false
- width:null
- align:null
- color:null
- copyable:false
- size:"md"
- text:"Profile"
- bleed:false
- orientation:"horizontal"
- align:null
- color:null
- copyable:false
- size:"md"
- text:"Billing"
- bleed:false
- orientation:"horizontal"
- align:null
- color:null
- copyable:false
- size:"md"
- text:"Security"
Orientation
Section titled “Orientation”->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'),]);- align:null
- direction:"horizontal"
- float:null
- gap:"sm"
- height:null
- justify:null
- sticky:false
- width:null
- align:null
- color:null
- copyable:false
- size:"md"
- text:"Draft"
- bleed:false
- orientation:"vertical"
- align:null
- color:null
- copyable:false
- size:"md"
- text:"Published"
- bleed:false
- orientation:"vertical"
- align:null
- color:null
- copyable:false
- size:"md"
- text:"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),]);