Riupress UI

Appearance

ActionPanel ​

Action panel used to provide information to the user.

Props ​

heading
required
Title text
type:String
default:''
caption
required
The text of the description
type:String
default:''
vertical
Sets the default slot at the bottom
type:Boolean
default:false

Slots ​

default
The main button slot or other components

Examples ​

Standard
Renew subscription automatically
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo totam non cumque deserunt officiis ex maiores nostrum.
html
<action-panel
  heading="Renew subscription automatically"
  caption="Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo totam non cumque deserunt officiis ex maiores nostrum."
>
  <btn size="md" color="primary" text="Button text" />
</action-panel>
With bottom slot
Renew subscription automatically
Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo totam non cumque deserunt officiis ex maiores nostrum.
html
<action-panel
  heading="Renew subscription automatically"
  caption="Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo totam non cumque deserunt officiis ex maiores nostrum."
  vertical
>
  <btn size="md" color="primary" text="Button text" />
</action-panel>