Semantic feedback with restrained surfaces.
Alert defines how EnterUI handles semantic feedback with restrained surfaces, including default structure, accessible states, and token-driven styling.
Alerts use semantic border signals instead of loud fills.
Components inherit FroggDesign variables.
Public API changes should include migration notes.
<VStack align="stretch" gap={12} fullWidth>
<Alert variant="info"><AlertTitle>Token driven</AlertTitle><AlertDescription>Components inherit FroggDesign variables.</AlertDescription></Alert>
<Alert variant="warning"><AlertTitle>Check release notes</AlertTitle><AlertDescription>Public API changes should include migration notes.</AlertDescription></Alert>
</VStack>import { Alert, AlertDescription, AlertTitle, VStack } from "@froggdesign/enter-ui-react";Error alerts use role alert by default.
Fix type errors before publishing the package.
Alert uses role="status" by default and role="alert" for error variants unless you pass a custom role.
variant: info, success, warning, or error.AlertTitle and AlertDescription provide consistent text hierarchy.Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.