OrionSection

<o-section> is a component to display <section> with predefined style to quickly add content to your app.

It handles title, subtitle, actions et automatic spacing between 2 <o-section>.

It can also be used to as an actions section to display a bunch of aligned and spaced buttons.

Usage

SectionActions SectionActionsOnly SectionCollapsible SectionPlayground

Props

Name
align'left' | 'center' | 'right' | 'stretch' = undefined
collapsedboolean = false
collapsibleboolean = false
gapOrion.Size = 'md'
subtitleNil<string> | Ref<Nil<string>> = undefined
titleNil<string> | Ref<Nil<string>> = undefined

Events

Name
Payload type
update:collapsed
boolean

Slots

Name
Bindings
actions
No bindings
default
No bindings