1(self.webpackChunknulogy_design=self.webpackChunknulogy_design||[]).push([[6514],{58431:function(e,t,n){"use strict";n.r(t),n.d(t,{_frontmatter:function(){return s},default:function(){return k}});var o=n(12265),r=(n(67294),n(64983)),l=n(97933),a=(n(3153),n(34813)),s={},i=function(e){return function(t){return console.warn("Component "+e+" was not imported, exported, or provided by MDXProvider as global scope"),(0,r.kt)("div",t)}},u=i("Playground"),p=i("PropsTable"),d={_frontmatter:s},c=l.Z;function k(e){var t=e.components,n=(0,o.Z)(e,["components"]);return(0,r.kt)(c,Object.assign({},d,n,{components:t,mdxType:"MDXLayout"}),(0,r.kt)("h1",null,"Radio"),(0,r.kt)("p",null,"Radio buttons allow one selection from a group of options"),(0,r.kt)(u,Object.assign({},a.v,{mdxType:"Playground"})),(0,r.kt)("h2",null,"Props"),(0,r.kt)(p,{propsConfig:a.v.props,mdxType:"PropsTable"}),(0,r.kt)("h2",null,"Guidelines"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},"Whenever possible use radio buttons for short lists (~ 5-7)"),(0,r.kt)("li",{parentName:"ul"},"Add labels, errors and default selections with ",(0,r.kt)("a",Object.assign({parentName:"li"},{href:"/radio-group"}),"Radio Group")),(0,r.kt)("li",{parentName:"ul"},"Consider using a ",(0,r.kt)("a",Object.assign({parentName:"li"},{href:"/select"}),"Select")," for long lists")),(0,r.kt)("h2",null,"Related Components"),(0,r.kt)("ul",null,(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",Object.assign({parentName:"li"},{href:"/components/select"}),"Select")),(0,r.kt)("li",{parentName:"ul"},(0,r.kt)("a",Object.assign({parentName:"li"},{href:"/components/radio-group"}),"RadioGroup"))))}k.isMDXComponent=!0}}]); 2//# sourceMappingURL=component---src-pages-components-radio-mdx-9eaaea69cb0e63965435.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.