SectionHeader

SectionHeader gives repeated sections a consistent title, description, and action rhythm below a PageHeader.

#Default usage

<SectionHeader
  actions={<Button variant="secondary">Configure</Button>}
  description="Visible package state and operational signals."
  eyebrow="Health"
  title="Package status"
/>

#Import

import { Button, SectionHeader } from "@froggdesign/enter-ui-react";

#Variants

#Accessibility

SectionHeader renders a header and uses h2 for title. Keep heading levels in document order.

#API

• title, description, eyebrow, and actions define the standard slots.
• children render inside the content column.
• Supports native header props and className.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.