Tile

Tile 1

Description for tile 1

Tile 2

Description for tile 2

Tile 3

Description for tile 3

---
import {
  Tile,
  TileContent,
  TileDescription,
  TileTitle,
} from "@/components/ui/tile"
---

<div class="grid w-full max-w-2xl gap-4">
  <Tile frame="panel">
    <TileContent>
      <TileTitle>Tile 1</TileTitle>
      <TileDescription>Description for tile 1</TileDescription>
    </TileContent>
  </Tile>
  <Tile frame="panel">
    <TileContent>
      <TileTitle>Tile 2</TileTitle>
      <TileDescription>Description for tile 2</TileDescription>
    </TileContent>
  </Tile>
  <Tile frame="panel">
    <TileContent>
      <TileTitle>Tile 3</TileTitle>
      <TileDescription>Description for tile 3</TileDescription>
    </TileContent>
  </Tile>
</div>

Installation

To install the tile component, run the following command:

pnpm dlx shadcn@latest add @fulldev-ui/tile

Usage

import { Tile, TileContent, TileDescription, TileTitle } from "@/components/ui/tile"

<Tile frame="panel">
  <TileContent>
    <TileTitle>Title</TileTitle>
    <TileDescription>Description</TileDescription>
  </TileContent>
</Tile>