Banner

!npm (scoped)

#### View on MongoDB.design

Installation

$3

``shell
pnpm add @leafygreen-ui/banner
`

$3

`shell
yarn add @leafygreen-ui/banner
`

$3

`shell
npm install @leafygreen-ui/banner
`

Example

`js
This is the banner content
`

Properties

| 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 | |