NoticeBar

Mostly for system alerts, event reminders, etc

Import

import { NoticeBar } from  'mand-mobile-next'

Vue.createApp().component(NoticeBar.name, NoticeBar)

Code Examples

API

NoticeBar Props

PropsDescriptionTypeDefaultNote
modenotice bar modeString-closable, link
typethemeStringdefaultdefault, activity, warning
timedisplay timeNumber0unit is ms, which does not disappear automatically and can be set to 0
roundfillet radiusBooleanfalse-
multi-rowscontent exceeds line break displayBooleanfalsePriority is heigher than scrollable
scrollableshow scrolling animation when content is exceededBoolean`false``Priority is less than multiRows
iconnotice bar iconString--
icon-svguse svg iconBooleanfalse-

NoticeBar Slots

default

Default slot of content

left

Left slot, generally is used to place icons, etc

Right slot, generally is used to place icons, etc

NoticeBar Events

@close()

Notice bar close event (set mode to 'closable' or closable to true)