UNPKG

quasar

Version:

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

136 lines 3.32 kB
{ "type": "component", "meta": { "docsUrl": "https://v1.quasar.dev/vue-components/radio" }, "props": { "name": { "type": "String", "desc": "Used to specify the name of the control; Useful if dealing with forms submitted directly to a URL", "examples": [ "car_id" ], "category": "behavior", "addedIn": "v1.9.0" }, "size": { "type": "String", "desc": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)", "examples": [ "16px", "2rem", "xs", "md" ], "category": "style", "addedIn": "v1.8.0" }, "value": { "desc": "Model of the component; Either use this property (along with a listener for 'input' event) OR use v-model directive", "category": "model", "type": [ "Number", "String" ], "required": true, "examples": [ "v-model=\"option\"" ] }, "val": { "type": [ "Number", "String" ], "required": true, "desc": "The actual value of the option with which model value is changed", "examples": [ "opt1", 50 ], "category": "model" }, "label": { "type": "String", "desc": "Label to display along the radio control (or use the default slot instead of this prop)", "examples": [ "label=\"Option 1\"" ], "category": "label" }, "left-label": { "type": "Boolean", "desc": "Label (if any specified) should be displayed on the left side of the checkbox", "category": "label" }, "color": { "type": "String", "desc": "Color name for component from the Quasar Color Palette", "examples": [ "primary", "teal-10" ], "category": "style" }, "keep-color": { "type": "Boolean", "desc": "Should the color (if specified any) be kept when checkbox is unticked?", "category": "behavior" }, "dark": { "type": "Boolean", "desc": "Notify the component that the background is a dark color", "category": "style" }, "dense": { "type": "Boolean", "desc": "Dense mode; occupies less space", "category": "style" }, "disable": { "type": "Boolean", "desc": "Put component in disabled mode", "category": "state" }, "tabindex": { "type": [ "Number", "String" ], "desc": "Tabindex HTML attribute value", "examples": [ "0", "100" ], "category": "general" } }, "slots": { "default": { "desc": "Default slot can be used as label, unless 'label' prop is specified; Suggestion: string" } }, "events": { "input": { "desc": "Emitted when the component needs to change the model; Is also used by v-model", "params": { "value": { "type": "Any", "desc": "New model value", "required": true }, "evt": { "type": "Object", "desc": "JS event object", "required": true, "addedIn": "v1.11.2" } } } }, "methods": { "set": { "desc": "Sets the Radio's v-model to equal the val" } } }