Fusion UI

Overview

A Tile is an elevated surface that groups related content on a page. It has three optional parts: TileHeader, TileContent and TileFooter.

TileHeader

TileContent

"use client";

import React from "react";
import {Tile, TileContent, TileFooter, TileHeader} from "@brynlabs/fusion-ui";

export const TileExample = () => (
  <Tile>
    <TileHeader>TileHeader</TileHeader>
    <TileContent>TileContent</TileContent>
    <TileFooter>TileFooter</TileFooter>
  </Tile>
);