Fusion UI

Overview

TileFooter holds the actions or summary at the bottom of a tile. showBorder separates it with a line.

TileContent

"use client";

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

export const TileFooterExample = () => (
  <Tile>
    <TileContent>TileContent</TileContent>
    <TileFooter showBorder={true}>TileFooter</TileFooter>
  </Tile>
);

With actions

TileContent

"use client";

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

export const TileFooterExample2 = () => (
  <Tile>
    <TileContent>TileContent</TileContent>
    <TileFooter showBorder={true}>
      <Button>Test</Button>
    </TileFooter>
  </Tile>
);

Tile Footer

Overview

With actions