Skip to content
Home

Card

Info
Demos
Properties

Description

Layout.Card is a block section element showing the white box with rounded gray borders, adding spacing automatically.

Demo

Default border

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi cursus pharetra elit in bibendum.

Praesent nunc ipsum, convallis eget convallis gravida, vehicula vitae metus..
Code Editor
<Layout.Card>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi cursus
  pharetra elit in bibendum.
  <br />
  <br />
  Praesent nunc ipsum, convallis eget convallis gravida, vehicula vitae
  metus..
</Layout.Card>

Vertical fields

Code Editor
<Layout.Card>
  <Layout.Vertical>
    <Field.String label="Label" value="Value" />
    <Field.String label="Label" value="Value" />
  </Layout.Vertical>
</Layout.Card>