Tremorx

Card

Renders a card

Default Open in playground

32,089

Sample text 

<.card>
    <.metric>32,089</.metric>
    <.text>Sample text</.text>
</.card>
With decoration Open in playground

Decoration top

Decoration bottom

Decoration right

Decoration left

Decoration none

<.grid num_items="2" class="gap-x-2 gap-y-2">
    <.card decoration_color="green" decoration="top">
        <p>Decoration top</p>
    </.card>
    <.card decoration_color="green" decoration="bottom">
        <p>Decoration bottom</p>
    </.card>
    <.card decoration_color="green" decoration="right">
        <p>Decoration right</p>
    </.card>
    <.card decoration_color="green" decoration="left">
        <p>Decoration left</p>
    </.card>
    <.card decoration_color="green" decoration="none">
        <p>Decoration none</p>
    </.card>
  </.grid>