t-cell

This component provides an easy way to define utility classes like margin and padding.

Basic Usage

There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
<TCell p="md" my>
  There are many variations of passages!
</TCell>

Vertical Aware Margin

There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
There are many variations of passages!
<TCell p="md" my="md" va>
  There are many variations of passages!
</TCell>

Tag

There are many variations of passages!

There are many variations of passages!

<TCell tag="p" p="md" my="md">
  There are many variations of passages!
</TCell>

Container

Applies container size and padding to element.

There are many variations of passages!
<TCell container>There are many variations of passages!</TCell>

Stretch & Fill

Create layouts that fit elements parent.

There are many variations of passages!
<TCell class="h-40" fill>
  <TCell stretch p>
    There are many variations of passages!
  </TCell>
</TCell>

API

No options available