Navigation
Inputs & Forms
Selection
Containers & Overlays
Annotated Section
Section with a title and description next to its content, e.g. for settings.
Overview
AnnotatedSection is a two column layout: title and annotation on the left, the content on the right. On narrow screens the columns stack.
Title Section
Annotation Section
"use client";import React from "react";import {AnnotatedSection, Button} from "@brynlabs/fusion-ui";export const AnnotatedSectionExample = () => (<AnnotatedSection sectionTitle="Title Section" annotation={<p>Annotation Section</p>}><Button>Test Button</Button></AnnotatedSection>);