Banner

Banner defines how EnterUI handles compact, low-noise messaging for inline or page-level signals, including default structure, accessible states, and token-driven styling.

#Default usage

<Banner variant="info">
  <BannerTitle>New release</BannerTitle>
  <BannerDescription>EnterUI 0.2 ships refined form primitives.</BannerDescription>
</Banner>

#Import

import {
  Banner,
  BannerAction,
  BannerDescription,
  BannerTitle,
  Button,
} from "@froggdesign/enter-ui-react";

#Patterns

#Accessibility

Banner uses role="status" by default and role="alert" for the error variant unless you pass a custom role.

#API

• variant: info, success, warning, or error.
• BannerTitle, BannerDescription, and BannerAction compose freely.

#Styling

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