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

VModels

Name
collapsedboolean = false

Props

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

Slots

Name
Bindings
actions
No bindings
default
No bindings