LegnoInfoCard

Examples

Example 1 - On white backgorund

Title goes here

Left slot

Right slot

<legno-info-card title="Title goes here">
  <div slot="left">Left slot</div>
  <div slot="right">Right slot</div>
</legno-info-card>

<div class="legno-info-card">
  <div class="legno-info-card__top">Title goes here</div>
  <div class="legno-info-card__bottom">
    <div>Left slot</div>
    <div>Right slot</div>
  </div>
</div>

Example 2 - Combined with LegnoFormContainer

Form title goes here

Title goes here

Left slot

Right slot

<legno-form-container title="Form title goes here">
  <legno-info-card title="Title goes here">
    <div slot="left">Left slot</div>
    <div slot="right">Right slot</div>
  </legno-info-card>
</legno-form-container>

<div class="legno-form-container">
  <div class="title">Form title goes here</div>
  <div class="legno-info-card">
    <div class="legno-info-card__top">Title goes here</div>
    <div class="legno-info-card__bottom">
      <div>Left slot</div>
      <div>Right slot</div>
    </div>
  </div>
</div>

Slots

...

Props

...