bootstrap-vue
Version:
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extens
73 lines (72 loc) • 2.26 kB
JSON
{
"name": "@bootstrap-vue/alert",
"version": "1.0.0",
"meta": {
"title": "Alert",
"description": "Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.",
"components": [
{
"component": "BAlert",
"props": [
{
"prop": "dismissLabel",
"description": "Value for the 'aria-label' attribute on the dismiss button"
},
{
"prop": "dismissible",
"description": "When set, enables the dismiss close button"
},
{
"prop": "show",
"description": "When set, shows the alert. Set to a number (seconds) to show and automatically dismiss the alert after the number of seconds has elapsed"
},
{
"prop": "variant",
"description": "Applies one of the Bootstrap theme color variants to the component"
}
],
"events": [
{
"event": "dismiss-count-down",
"description": "When prop show is a number, this event emits every second on countdown",
"args": [
{
"arg": "dismissCountDown",
"type": "Number",
"description": "Time remaining to dismissed"
}
]
},
{
"event": "dismissed",
"description": "Alert dismissed either via the dismiss close button or when the dismiss countdown has expired"
},
{
"event": "input",
"description": "Used to update the v-model show value",
"args": [
{
"arg": "show",
"type": [
"Boolean",
"Number"
],
"description": "Boolean state of alert, or Number for current countdown value"
}
]
}
],
"slots": [
{
"name": "dismiss",
"description": "Content for the dismiss button"
},
{
"name": "default",
"description": "Content to place in the alert"
}
]
}
]
}
}