Section Label

Small label used to introduce a group of fields or content within a form.

import{ SectionLabel } from "@pepulux/ui"

Default

Personal information
Billing details*

With supporting text

Public profile

These details appear on your public profile.

With help text

API key

Props

PropTypeDefaultDescription
label*string—Label text
supportingTextstring—Optional sub-text below the label
helpTextstring—Tooltip or helper text next to label
requiredbooleanfalseShows a red asterisk
size"sm" | "md""md"Font size
Application component → Section labelswww.pepulux.com

Notes and documentation

Space for notes, documentation, and best practices for using these components.

Label a form section

Use a section label above related fields. Add the required asterisk or a help icon when it clarifies the group.