OrionCard

<o-card> is an easy way to display informations in a well known card format. You can customize it through slots, or with props like title or size.

It is also useful as a list item when using the grid layout (more informations here).

Usage

CardGradient CardSelected CardActionsSlot CardPlayground

Props

Name
actionsLineboolean = false
gradientstring = undefined
headerLineboolean = false
hoverElevationnumber = 1
selectedboolean = false
selectedColorOrion.Color = 'info'
sizeOrion.Size = 'md'
titlestring = undefined

Events

Name
Payload type
header-click
No payload
body-click
No payload

Slots

Name
Bindings
poster
No bindings
header
No bindings
default
No bindings
actions
No bindings