Equality
Equality

Panel Label

Small heading label for a panel section

View Markdown

Overview

Panel Label is a small, understated heading for labelling a section of a panel, sidebar, or column of controls. It gives grouped content a consistent caption without the weight of a full Heading — use it for column titles, filter group labels, and other minor section markers.

Usage

Import the component:

import { PanelLabel } from "@eqtylab/equality";

Basic usage — label is required:

<PanelLabel label="Panel label" />

Default

Panel label

Props

NameDescriptionTypeDefaultRequired
labelThe text shown as the label.string
classNameAdditional CSS classes applied to the label.string