Banner

Used to display a prominent message and related optional actions.

Import

import {
  MpBanner,
  MpBannerTitle,
  MpBannerDescription,
  MpBannerIcon,
  MpBannerLink,
  MpBannerCloseButton
} from '@mekari/pixel3'

Playground

API

MpBanner

Props

Slots

Name	Type	Default
id Id of banner.	string	-
variant Variant of banner.	info | success | danger | warning	info
is-inline If true, will render banner in inline.	boolean	false

MpBannerTitle

Props

Slots

Name	Type	Default
id Id of banner title.	string	-

MpBannerDescription

Props

Slots

Name	Type	Default
id Id of banner description.	string	-

MpBannerIcon

Props

Name	Type	Default
id Id of banner icon.	string	-

MpBannerLink

Props

Slots

Name	Type	Default
id Id of banner link.	string	-

MpBannerCloseButton

Props

Events

Name	Type	Default
id Id of banner close button.	string	-

Usage

Variant

With icon

Without icon

Description only

With close button

With link

With inline