Card

• Implementations
  • Vuetify
  • Shoelace
• API

Implementations

<h2>Card without title</h2>
<x-card>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dictum,
  mauris in varius venenatis, quam velit vehicula justo, ac molestie nisi
  eros viverra est. Aenean vel pretium diam. Donec in euismod augue.
  Quisque tincidunt magna sit amet augue dictum congue. Proin tempus
  turpis at nisi dictum lacinia. In tristique maximus eleifend. Etiam et
  eros velit. In sodales leo et sapien semper, feugiat accumsan ligula
  bibendum. Pellentesque massa arcu, tempus vel ligula non, pharetra
  bibendum eros. Mauris finibus nunc at quam convallis condimentum. Duis
  consequat, magna eget tristique sollicitudin, eros nibh tempor ligula, a
  lacinia dui tortor ut turpis. Aliquam eget est non nibh viverra
  pellentesque nec in tortor. Sed tempor nisl libero, elementum sagittis
  magna venenatis vitae. Nullam fringilla elit eget sollicitudin
  fermentum.
</x-card>
<h2>Card with title</h2>
<x-card title="Lorem ipsum dolor sit amet">
  consectetur adipiscing elit. Nunc dictum, mauris in varius venenatis,
  quam velit vehicula justo, ac molestie nisi eros viverra est. Aenean vel
  pretium diam. Donec in euismod augue. Quisque tincidunt magna sit amet
  augue dictum congue. Proin tempus turpis at nisi dictum lacinia. In
  tristique maximus eleifend. Etiam et eros velit. In sodales leo et
  sapien semper, feugiat accumsan ligula bibendum. Pellentesque massa
  arcu, tempus vel ligula non, pharetra bibendum eros. Mauris finibus nunc
  at quam convallis condimentum. Duis consequat, magna eget tristique
  sollicitudin, eros nibh tempor ligula, a lacinia dui tortor ut turpis.
  Aliquam eget est non nibh viverra pellentesque nec in tortor. Sed tempor
  nisl libero, elementum sagittis magna venenatis vitae. Nullam fringilla
  elit eget sollicitudin fermentum.
</x-card>

Vuetify

Shoelace

API

The API is documented in XS documentation.