Toast

Toast notification system.

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

Static examples

This component depends on app-level context (providers, services, or interactive setup) that does not fit the inline playground yet, so its examples are shown as static code.

#Props

Prop	Type	Default	Description
`onDismiss` *	`() => void`	—	—

* required prop.

#Design Tokens

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

--sk-accent
--sk-bg-active
--sk-bg-hover
--sk-bg-primary
--sk-border
--sk-error
--sk-font-sm
--sk-icon-lg
--sk-icon-xl
--sk-radius-md
--sk-radius-sm
--sk-shadow-lg
--sk-space-lg
--sk-space-md
--sk-space-sm
--sk-space-xs
--sk-success
--sk-text-muted
--sk-text-primary
--sk-toast-max-w
--sk-toast-progress-h
--sk-transition-fast
--sk-transition-normal
--sk-warning
--sk-z-toast