Select Divider/Separator (<hr>)

How it is possible to add a separator to a select component. With plain HTML I would add

<hr>

<hr>

but if I try to do that here then an extra blank option is added to the list. The code below produces the screenshot attached.

Components\Select::make('invites')
    ->options([
        'default' => 'Default (On)',
        '<hr>',
        'on' => 'On',
        'off' => 'Off',
    ])
    ->allowHtml()
    ->selectablePlaceholder(false)

Components\Select::make('invites')
    ->options([
        'default' => 'Default (On)',
        '<hr>',
        'on' => 'On',
        'off' => 'Off',
    ])
    ->allowHtml()
    ->selectablePlaceholder(false)

Select Divider/Separator (<hr>)

Similar Threads