element-plus/assets/en-US_component_radio.md.33d3692f.lean.js

import{_ as C,a as l,b as c,c as u,d as i}from"./chunks/with-borders.2d790151.js";import{_ as D}from"./chunks/contributors.3486bd7a.js";import{c as F,a as n,w as o,u as e,b as a,d as s,e as r,r as k,o as d}from"./app.c3571ef0.js";const g=a("h1",{id:"radio",tabindex:"-1"},[s("Radio "),a("a",{class:"header-anchor",href:"#radio","aria-hidden":"true"},"#")],-1),b=a("p",null,"Single selection among multiple options.",-1),A=a("h2",{id:"basic-usage",tabindex:"-1"},[s("Basic usage "),a("a",{class:"header-anchor",href:"#basic-usage","aria-hidden":"true"},"#")],-1),m=a("p",null,"Radio should not have too many options. Otherwise, use the Select component instead.",-1),h=a("p",null,"radio/basic-usage",-1),v=a("h2",{id:"disabled",tabindex:"-1"},[s("Disabled "),a("a",{class:"header-anchor",href:"#disabled","aria-hidden":"true"},"#")],-1),B=a("p",null,[a("code",null,"disabled"),s(" attribute is used to disable the radio.")],-1),f=a("p",null,"radio/disabled",-1),_=a("h2",{id:"radio-button-group",tabindex:"-1"},[s("Radio button group "),a("a",{class:"header-anchor",href:"#radio-button-group","aria-hidden":"true"},"#")],-1),q=a("p",null,"Suitable for choosing from some mutually exclusive options.",-1),y=a("p",null,"radio/radio-button-group",-1),w=a("h2",{id:"button-style",tabindex:"-1"},[s("Button style "),a("a",{class:"header-anchor",href:"#button-style","aria-hidden":"true"},"#")],-1),x=a("p",null,"Radio with button styles.",-1),O=a("p",null,"radio/button-style",-1),z=a("h2",{id:"with-borders",tabindex:"-1"},[s("With borders "),a("a",{class:"header-anchor",href:"#with-borders","aria-hidden":"true"},"#")],-1),R=a("p",null,"radio/with-borders",-1),N=r("",19),P='{"title":"Radio","description":"","frontmatter":{"title":"Radio","lang":"en-US"},"headers":[{"level":2,"title":"Basic usage","slug":"basic-usage"},{"level":2,"title":"Disabled","slug":"disabled"},{"level":2,"title":"Radio button group","slug":"radio-button-group"},{"level":2,"title":"Button style","slug":"button-style"},{"level":2,"title":"With borders","slug":"with-borders"},{"level":2,"title":"Radio Attributes","slug":"radio-attributes"},{"level":2,"title":"Radio Events","slug":"radio-events"},{"level":2,"title":"Radio Slots","slug":"radio-slots"},{"level":2,"title":"Radio-group Attributes","slug":"radio-group-attributes"},{"level":2,"title":"Radio-group Events","slug":"radio-group-events"},{"level":2,"title":"Radio-group Slots","slug":"radio-group-slots"},{"level":2,"title":"Radio-button Attributes","slug":"radio-button-attributes"},{"level":2,"title":"Radio-button Slots","slug":"radio-button-slots"},{"level":2,"title":"Source","slug":"source"},{"level":2,"title":"Contributors","slug":"contributors"}],"relativePath":"en-US/component/radio.md","lastUpdated":1653314737000}',S={},I=Object.assign(S,{setup(Y){const t={"../../examples/radio/basic-usage.vue":C,"../../examples/radio/button-style.vue":l,"../../examples/radio/disabled.vue":c,"../../examples/radio/radio-button-group.vue":u,"../../examples/radio/with-borders.vue":i};return(T,j)=>{const p=k("Demo"),E=D;return d(),F("div",null,[g,b,A,m,n(p,{demos:e(t),source:"%3Cpre%20v-pre%3E%3Ccode%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Etemplate%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%26lt%3B%3C%2Fspan%3Ediv%3C%2Fspan%3E%20%3Cspan%20class%3D%22token%20attr-name%22%3Eclass%3C%2Fspan%3E%3Cspan%20class%3D%22token%20attr-value%22%3E%3Cspan%20class%3D%22token%20punctuation%20attr-equals%22%3E%3D%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3Emb-2%20flex%20items-center%20text-sm%3Cspan%20class%3D%22token%20punctuation%22%3E%22%3C%2Fspan%3E%3C%2Fspan%3E%3Cspan%20class%3D%22token%20punctuation%22%3E%3E%3C%2Fspan%3E%3C%2Fspan%3E%0A%20%20%20%20%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22token%20tag%22%3E%3Cspan%20class%3D%22toke