Skip to content
tcpsystemsui

Theme

Colour scheme
Accent
Density
Radius
Esc

Banner

Full-width persistent message with tone, optional action, and optional dismiss.

beta

API

Import
import Banner from '@tcpsystems/ui/foundation/Banner';
PropTypeDefault
tone?'neutral' | 'accent' | 'ok' | 'warn' | 'danger' | 'info''info'
titlestringnone
dismissLabel?stringnone
dismissKey?stringnone
children?nativenone
Snippet
action
HookKind
.tcp-bannerRoot class
data-dismiss-keyData attribute
data-toneData attribute