FEEDBACK · 60 / 89
Banner
Banner — a Material You feedback component for React Native and web.
packages/ui/src/components/Banner.tsx
Your subscription is about to expire.
Usage
<Banner visible message="Your subscription is about to expire." />
Variants
The states and shapes this component is meant to be used in.
Types
Component library synced 4 minutes ago.
A new Material You token set is available for this workspace.
Your subscription renews on 12 October and the card on file expires first.
Publishing failed: two components still reference a deleted token.
With actions
Your subscription is about to expire.
Dismissable
Draft autosave is on. We keep the last 30 versions of every screen.
We could not reach the design token service.
Custom icon
You are offline. Changes are queued and will publish when you reconnect.
Above content
2 of 34 components fail contrast in dark mode.
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
BannerAction[]
Up to two actions, rendered right-aligned below the message.
boolean
Show a close (X) button; requires onDismiss.
MaterialCommunityIconsGlyphs
BannerType
default: "default"