ErrorBanner

Error, warning, and info banners.

import { ErrorBanner } from '@ybouhjira/hyperkit';

#Playground

Edit the code — the preview recompiles and re-renders as you type.

Loading preview…

<ErrorBanner message="This banner cannot be dismissed." variant="error" />

Prop	Type	Default	Description
`message` *	`string`	—	Message text to display.
`onDismiss`	`() => void`	—	Callback when the dismiss button is clicked.
`variant`	`ErrorBannerVariant`	`'error'`	Visual style variant.
`class`	`string`	—	Additional CSS classes.
`autoDismissMs`	`number`	—	Auto-dismiss after timeout in milliseconds. 0 or undefined means no auto-dismiss.
`action`	`ErrorBannerAction`	—	Optional action button (e.g. "Retry").

* required prop.

This component reads the following CSS custom properties. Override them globally or per-instance to restyle it — see the CSS Variables guide.