Fusion UI

Overview

StackLayout stacks elements vertically with the standard gap, here shown with tiles.

Example Title

Example Content

Example Title

Example Content

"use client";

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

export const StackLayoutExample = () => (
  <StackLayout>
    <Tile>
      <TileHeader>Example Title</TileHeader>
      <TileContent>Example Content</TileContent>
      <TileFooter>Example Footer</TileFooter>
    </Tile>
    <Tile>
      <TileHeader>Example Title</TileHeader>
      <TileContent>Example Content</TileContent>
      <TileFooter>Example Footer</TileFooter>
    </Tile>
  </StackLayout>
);

Stack Layout

Overview