UNPKG

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

167 lines (166 loc) 5.64 kB
{ "name": "@bootstrap-vue/form-rating", "version": "1.0.0", "meta": { "title": "Form Rating", "version": "2.12.0", "description": "BootstrapVue custom star rating form control for ratings entry or aggregated display.", "components": [ { "component": "BFormRating", "version": "2.12.0", "aliases": [ "BRating" ], "props": [ { "prop": "color", "description": "CSS color to use instead of variant. Accepts either a HEX or RGB/RGBA string" }, { "prop": "iconClear", "description": "Bootstrap Icon name to use for the clear button. Note icon must be registered in your component or globally" }, { "prop": "iconEmpty", "description": "Bootstrap Icon name to use for the empty icon. Note icon must be registered in your component or globally" }, { "prop": "iconFull", "description": "Bootstrap Icon name to use for the full icon. Note icon must be registered in your component or globally" }, { "prop": "iconHalf", "description": "Bootstrap Icon name to use for the half icon. Note icon must be registered in your component or globally" }, { "prop": "inline", "description": "When `true` renders as an inline element rather than a blick (100% width) element" }, { "prop": "locale", "description": "Locale (or locales) to use when showing the value when prop `show-value` is set. Defaults to the browser default locale" }, { "prop": "noBorder", "description": "When `true` disables the default border" }, { "prop": "precision", "description": "Specify the number of digits after the decimal to show. Defaults to to no defined precision" }, { "prop": "readonly", "description": "When `true` makes the rating readonly. When `true`, fractional ratings values are allowed (half icons will be shown)" }, { "prop": "showClear", "description": "When `true` shows the clear value icon button" }, { "prop": "showValue", "description": "When `true` shows the current rating value in the control" }, { "prop": "showValueMax", "version": "2.13.0", "description": "When set to `true` and prop `show-value` is `true`, includes the maximum star rating possible in the formatted value" }, { "prop": "stars", "description": "The number of stars to show. Minimum value is `3`, default is `5`" }, { "prop": "value", "description": "Rating value. This is the v-model" }, { "prop": "variant", "description": "Applies one of the Bootstrap theme color variants to the component" } ], "events": [ { "event": "change", "description": "Emitted to update the v-model", "args": [ { "arg": "value", "description": "Current ratings value" } ] } ], "slots": [ { "name": "icon-clear", "description": "Content for the optional clear button" }, { "name": "icon-empty", "description": "Content for the empty icon", "scope": [ { "prop": "variant", "type": "String", "description": "Value of the `variant` prop, or `null` if disabled" }, { "prop": "disabled", "type": "Boolean", "description": "Value of the `disabled` prop" }, { "prop": "readonly", "type": "Boolean", "description": "Value of the `readonly` prop" } ] }, { "name": "icon-full", "description": "Content for the full icon", "scope": [ { "prop": "variant", "type": "String", "description": "Value of the `variant` prop, or `null` if disabled" }, { "prop": "disabled", "type": "Boolean", "description": "Value of the `disabled` prop" }, { "prop": "readonly", "type": "Boolean", "description": "Value of the `readonly` prop" } ] }, { "name": "icon-half", "description": "Content for the half icon", "scope": [ { "prop": "variant", "type": "String", "description": "Value of the `variant` prop, or `null` if disabled" }, { "prop": "disabled", "type": "Boolean", "description": "Value of the `disabled` prop" }, { "prop": "readonly", "type": "Boolean", "description": "Value of the `readonly` prop" } ] } ] } ] } }