@leafygreen-ui/banner
Advanced tools
pnpm add @leafygreen-ui/banner
yarn add @leafygreen-ui/banner
npm install @leafygreen-ui/banner
<Banner>This is the banner content</Banner>
| Prop | Type | Description | Default |
|---|---|---|---|
variant | 'info', 'warning', 'danger', 'success' | Sets the variant for the Banner | 'info' |
dismissible | boolean | Determines whether or not the Banner is dismissible | false |
onClose | React.MouseEventHandler | Callback fired when dismiss button is clicked | () => {} |
image | React.ReactElement | Illustration that will replace default Icon when the prop is supplied | |
baseFontSize | 13, 16 | Determines font-size for body copy in Callout component | 13 |
darkMode | boolean | Determines if the component renders in dark theme | false |
| ... | native div attributes | Any other props will be spread on the root div element |
FAQs
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket Firewall Enterprise is now available with flexible deployment, configurable policies, and expanded language support.
Security News
Open source dashboard CNAPulse tracks CVE Numbering Authorities’ publishing activity, highlighting trends and transparency across the CVE ecosystem.
Product
Detect malware, unsafe data flows, and license issues in GitHub Actions with Socket’s new workflow scanning support.