> Available since version: `1.0.0`

> Styling from Mekari UI Toolkit that must be used on this component are (or with its `.scss`):
> - `./css/components/mekari-ui-reboot-bootstrap`
> - `./css/components/mekari-ui-icons`
> - `./css/components/mekari-ui-banner`

The detail of styling and list of the banner can be seen on [banner styleguide](http://mekari-ui.sleekr.id/docs/1.0/components/banner/). Banner has lot of variant that can be seen on the component's documentation below. By default, the Banner will have an `ic-info-fill` preceeding icon.

Here is the example on how to use the Banner component on your application:
```js
import { MBanner } from `@mekari/mekari-ui-vue`;
```