https://ionicframework.jp/docs/assets/js/ba885106.4e05425d.js

1"use strict";(self.webpackChunkionic_docs=self.webpackChunkionic_docs||[]).push([["23357"],{26821(e,n,r){r.r(n),r.d(n,{metadata:()=>t,default:()=>w,frontMatter:()=>v,contentTitle:()=>f,toc:()=>y,assets:()=>b});var t=JSON.parse('{"id":"api/radio-group","title":"ion-radio-group","description":"ion-radio-group: Radio Button Group Usage for Ionic Apps","source":"@site/docs/api/radio-group.md","sourceDirName":"api","slug":"/api/radio-group","permalink":"/docs/api/radio-group","draft":false,"unlisted":false,"editUrl":"https://github.com/ionic-team/ionic-docs/tree/main/docs/api/radio-group.md","tags":[],"version":"current","frontMatter":{"title":"ion-radio-group"},"sidebar":"api","previous":{"title":"ion-radio","permalink":"/docs/api/radio"},"next":{"title":"ion-range","permalink":"/docs/api/range"}}'),s=r(74848),d=r(28453);function i(e){let n={code:"code",h3:"h3",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,d.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.h3,{id:"prop-allow-empty-selection",children:"allowEmptySelection"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{}),(0,s.jsx)(n.th,{})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Description"})}),(0,s.jsxs)(n.td,{children:[(0,s.jsx)(n.code,{children:"true"}),"\u306E\u5834\u5408\u3001Radio\u3092\u975E\u9078\u629E\u306B\u3059\u308B\u3053\u3068\u304C\u3067\u304D\u308B\u3002"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Attribute"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"allow-empty-selection"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Type"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"boolean"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Default"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"false"})})]})]})]}),"\n",(0,s.jsx)(n.h3,{id:"prop-compare-with",children:"compareWith"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{}),(0,s.jsx)(n.th,{})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Description"})}),(0,s.jsx)(n.td,{children:"\u3053\u306E\u30D7\u30ED\u30D1\u30C6\u30A3\u3092\u4F7F\u7528\u3059\u308B\u3068\u3001\u958B\u767A\u8005\u306F\u3001ion-radio-group \u3067\u9078\u629E\u3055\u308C\u305F\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u6C7A\u5B9A\u3059\u308B\u3068\u304D\u306B\u30AA\u30D6\u30B8\u30A7\u30AF\u30C8\u3092\u6BD4\u8F03\u3059\u308B\u305F\u3081\u306E\u30AB\u30B9\u30BF\u30E0\u95A2\u6570\u307E\u305F\u306F\u30D7\u30ED\u30D1\u30C6\u30A3\u540D\u3092\u6307\u5B9A\u3067\u304D\u307E\u3059\u3002\u6307\u5B9A\u3057\u306A\u3044\u5834\u5408\u3001\u30C7\u30D5\u30A9\u30EB\u30C8\u306E\u52D5\u4F5C\u3067\u306F\u3001\u6BD4\u8F03\u306B\u53B3\u5BC6\u306A\u7B49\u5F0F (===) \u304C\u4F7F\u7528\u3055\u308C\u307E\u3059\u3002"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Attribute"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"compare-with"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Type"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"((currentValue: any, compareValue: any) => boolean) \uFF5C null \uFF5C string \uFF5C undefined"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Default"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"undefined"})})]})]})]}),"\n",(0,s.jsx)(n.h3,{id:"prop-error-text",children:"errorText"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{}),(0,s.jsx)(n.th,{})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Description"})}),(0,s.jsx)(n.td,{children:"\u30E9\u30B8\u30AA\u30B0\u30EB\u30FC\u30D7\u4E0A\u90E8\u306B\u8868\u793A\u3059\u308B\u30A8\u30E9\u30FC\u30C6\u30AD\u30B9\u30C8\u3002"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Attribute"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"error-text"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Type"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"string \uFF5C undefined"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Default"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"undefined"})})]})]})]}),"\n",(0,s.jsx)(n.h3,{id:"prop-helper-text",children:"helperText"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{}),(0,s.jsx)(n.th,{})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Description"})}),(0,s.jsx)(n.td,{children:"\u30E9\u30B8\u30AA\u30B0\u30EB\u30FC\u30D7\u4E0A\u90E8\u306B\u8868\u793A\u3059\u308B\u30D8\u30EB\u30D1\u30FC\u30C6\u30AD\u30B9\u30C8\u3002"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Attribute"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"helper-text"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Type"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"string \uFF5C undefined"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Default"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"undefined"})})]})]})]}),"\n",(0,s.jsx)(n.h3,{id:"prop-name",children:"name"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{}),(0,s.jsx)(n.th,{})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Description"})}),(0,s.jsx)(n.td,{children:"\u30D5\u30A9\u30FC\u30E0\u30C7\u30FC\u30BF\u3068\u3068\u3082\u306B\u9001\u4FE1\u3055\u308C\u308B\u30B3\u30F3\u30C8\u30ED\u30FC\u30EB\u306E\u540D\u524D\u3002"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Attribute"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"name"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Type"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"string"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Default"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"this.inputId"})})]})]})]}),"\n",(0,s.jsx)(n.h3,{id:"prop-value",children:"value"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{}),(0,s.jsx)(n.th,{})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Description"})}),(0,s.jsx)(n.td,{children:"\u7121\u7DDA\u30B0\u30EB\u30FC\u30D7\u306E\u5024\u3067\u3059\u3002"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Attribute"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"value"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Type"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"any"})})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.strong,{children:"Default"})}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"undefined"})})]})]})]})]})}function l(e={}){let{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(i,{...e})}):i(e)}function c(e){let n={code:"code",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,d.R)(),...e.components};return(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{children:"Name"}),(0,s.jsx)(n.th,{children:"Description"}),(0,s.jsx)(n.th,{children:"Bubbles"})]})}),(0,s.jsx)(n.tbody,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"ionChange"})}

1),(0,s.jsxs)(n.td,{children:["\u5024\u304C\u5909\u66F4\u3055\u308C\u305F\u3068\u304D\u306B\u767A\u884C\u3055\u308C\u308B\u3002  \u30D7\u30ED\u30B0\u30E9\u30E0\u3067 ",(0,s.jsx)(n.code,{children:"value"})," \u30D7\u30ED\u30D1\u30C6\u30A3\u3092\u8A2D\u5B9A\u3057\u305F\u5834\u5408\u306F\u3001\u3053\u306E\u30A4\u30D9\u30F3\u30C8\u306F\u767A\u751F\u3057\u306A\u3044\u3002"]}),(0,s.jsx)(n.td,{children:(0,s.jsx)(n.code,{children:"true"})})]})})]})}function o(e={}){let{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(c,{...e})}):c(e)}function h(e){let n={p:"p",...(0,d.R)(),...e.components};return(0,s.jsx)(n.p,{children:"No public methods available for this component."})}function x(e={}){let{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(h,{...e})}):h(e)}function a(e){let n={p:"p",...(0,d.R)(),...e.components};return(0,s.jsx)(n.p,{children:"No CSS shadow parts available for this component."})}function j(e={}){let{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}function p(e){let n={p:"p",...(0,d.R)(),...e.components};return(0,s.jsx)(n.p,{children:"No CSS custom properties available for this component."})}function u(e={}){let{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(p,{...e})}):p(e)}function g(e){let n={p:"p",...(0,d.R)(),...e.components};return(0,s.jsx)(n.p,{children:"No slots available for this component."})}function m(e={}){let{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(g,{...e})}):g(e)}r(54441);let v={title:"ion-radio-group"},f,b={},y=[{value:"Interfaces",id:"interfaces",level:2},{value:"RadioGroupChangeEventDetail",id:"radiogroupchangeeventdetail",level:3},{value:"RadioGroupCustomEvent",id:"radiogroupcustomevent",level:3},{value:"\u30D7\u30ED\u30D1\u30C6\u30A3",id:"\u30D7\u30ED\u30D1\u30C6\u30A3",level:2},{value:"allowEmptySelection",id:"prop-allow-empty-selection",level:3},{value:"compareWith",id:"prop-compare-with",level:3},{value:"errorText",id:"prop-error-text",level:3},{value:"helperText",id:"prop-helper-text",level:3},{value:"name",id:"prop-name",level:3},{value:"value",id:"prop-value",level:3},{value:"\u30A4\u30D9\u30F3\u30C8",id:"\u30A4\u30D9\u30F3\u30C8",level:2},{value:"\u30E1\u30BD\u30C3\u30C9",id:"\u30E1\u30BD\u30C3\u30C9",level:2},{value:"CSS Shadow Parts",id:"css-shadow-parts",level:2},{value:"CSS\u30AB\u30B9\u30BF\u30E0\u30D7\u30ED\u30D1\u30C6\u30A3",id:"css\u30AB\u30B9\u30BF\u30E0\u30D7\u30ED\u30D1\u30C6\u30A3",level:2},{value:"Slots",id:"slots",level:2}];function R(e){let n={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,d.R)(),...e.components},{Head:r}=n;return r||function(e,n){throw Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Head",!0),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(r,{children:[(0,s.jsx)("title",{children:"ion-radio-group: Radio Button Group Usage for Ionic Apps"}),(0,s.jsx)("meta",{name:"description",content:"radio group\u3068\u306F\u3001radio\u30DC\u30BF\u30F3\u306E\u30B0\u30EB\u30FC\u30D7\u3067\u3059\u3002radio group\u306F\u3001\u30E6\u30FC\u30B6\u30FC\u304C\u30BB\u30C3\u30C8\u304B\u3089\u6700\u59271\u3064\u306Eradio\u30DC\u30BF\u30F3\u3092\u9078\u629E\u3067\u304D\u308B\u3088\u3046\u306B\u3057\u307E\u3059\u3002\xa0ion-radio-group\u306E\u4F7F\u7528\u65B9\u6CD5\u306B\u3064\u3044\u3066\u3001\u8A73\u3057\u304F\u306F\u3053\u3061\u3089\u3092\u3054\u89A7\u304F\u3060\u3055\u3044\u3002"})]}),"\n","\n",(0,s.jsxs)(n.p,{children:["\u30E9\u30B8\u30AA\u30B0\u30EB\u30FC\u30D7\u306F\u3001",(0,s.jsx)(n.a,{href:"./radio",children:"\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3"}),"\u306E\u30B0\u30EB\u30FC\u30D7\u306E\u30B3\u30F3\u30C6\u30CA\u3067\u3059\u3002\u30E6\u30FC\u30B6\u30FC\u306F\u3001\u30BB\u30C3\u30C8\u5185\u306E\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3\u3092\u6700\u5927\u30671\u3064\u3060\u3051\u9078\u629E\u3067\u304D\u307E\u3059\u3002\u30E9\u30B8\u30AA\u30B0\u30EB\u30FC\u30D7\u306B\u5C5E\u3059\u308B1\u3064\u306E\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3\u3092\u30C1\u30A7\u30C3\u30AF\u3059\u308B\u3068\u3001\u540C\u3058\u30B0\u30EB\u30FC\u30D7\u5185\u3067\u4EE5\u524D\u306B\u30C1\u30A7\u30C3\u30AF\u3055\u308C\u305F\u30E9\u30B8\u30AA\u30DC\u30BF\u30F3\u306F\u3059\u3079\u3066\u30C1\u30A7\u30C3\u30AF\u89E3\u9664\u3055\u308C\u307E\u3059\u3002\u30E9\u30B8\u30AA\u30B0\u30EB\u30FC\u30D7\u306E\u4F7F\u7528\u4F8B\u306B\u3064\u3044\u3066\u306F\u3001",(0,s.jsx)(n.a,{href:"./radio",children:"\u30E9\u30B8\u30AA"}),"\u306E\u30C9\u30AD\u30E5\u30E1\u30F3\u30C8\u3092\u53C2\u7167\u3057\u3066\u304F\u3060\u3055\u3044\u3002"]}),"\n",(0,s.jsx)(n.h2,{id:"interfaces",children:"Interfaces"}),"\n",(0,s.jsx)(n.h3,{id:"radiogroupchangeeventdetail",children:"RadioGroupChangeEventDetail"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-typescript",children:"interface RadioGroupChangeEventDetail<T = any> {\n  value: T;\n}\n"})}),"\n",(0,s.jsx)(n.h3,{id:"radiogroupcustomevent",children:"RadioGroupCustomEvent"}),"\n",(0,s.jsxs)(n.p,{children:["\u5FC5\u9808\u3067\u306F\u3042\u308A\u307E\u305B\u3093\u304C\u3001\u3053\u306E\u30B3\u30F3\u30DD\u30FC\u30CD\u30F3\u30C8\u304B\u3089\u767A\u884C\u3055\u308C\u308B Ionic \u30A4\u30D9\u30F3\u30C8\u3067\u3088\u308A\u5F37\u304F\u578B\u4ED8\u3051\u3092\u884C\u3046\u305F\u3081\u306B\u3001",(0,s.jsx)(n.code,{children:"CustomEvent"})," \u30A4\u30F3\u30BF\u30FC\u30D5\u30A7\u30FC\u30B9\u306E\u4EE3\u308F\u308A\u306B\u3053\u306E\u30A4\u30F3\u30BF\u30FC\u30D5\u30A7\u30FC\u30B9\u3092\u4F7F\u7528\u3059\u308B\u3053\u3068\u304C\u53EF\u80FD\u3067\u3059\u3002"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-typescript",children:"interface RadioGroupCustomEvent<T = any> extends CustomEvent {\n  detail: RadioGroupChangeEventDetail<T>;\n  target: HTMLIonRadioGroupElement;\n}\n"})}),"\n",(0,s.jsx)(n.h2,{id:"\u30D7\u30ED\u30D1\u30C6\u30A3",children:"\u30D7\u30ED\u30D1\u30C6\u30A3"}),"\n",(0,s.jsx)(l,{}),"\n",(0,s.jsx)(n.h2,{id:"\u30A4\u30D9\u30F3\u30C8",children:"\u30A4\u30D9\u30F3\u30C8"}),"\n",(0,s.jsx)(o,{}),"\n",(0,s.jsx)(n.h2,{id:"\u30E1\u30BD\u30C3\u30C9",children:"\u30E1\u30BD\u30C3\u30C9"}),"\n",(0,s.jsx)(x,{}),"\n",(0,s.jsx)(n.h2,{id:"css-shadow-parts",children:"CSS Shadow Parts"}),"\n",(0,s.jsx)(j,{}),"\n",(0,s.jsx)(n.h2,{id:"css\u30AB\u30B9\u30BF\u30E0\u30D7\u30ED\u30D1\u30C6\u30A3",children:"CSS\u30AB\u30B9\u30BF\u30E0\u30D7\u30ED\u30D1\u30C6\u30A3"}),"\n",(0,s.jsx)(u,{}),"\n",(0,s.jsx)(n.h2,{id:"slots",children:"Slots"}),"\n",(0,s.jsx)(m,{})]})}function w(e={}){let{wrapper:n}={...(0,d.R)(),...e.components};return n?(0,s.jsx)(n,{...e,children:(0,s.jsx)(R,{...e})}):R(e)}},54441(e,n,r){r.d(n,{A:()=>l});var t=r(74848);r(96540);

1var s=r(20053),d=r(66497),i=r(95310);function l({type:e,...n}){let r=(0,d.Ay)(`reference/glossary#${e}`);return(0,t.jsx)(i.A,{to:r,...n,className:(0,s.A)(n.className,"encapsulation-pill","encapsulationPill_weMM"),children:e})}},28453(e,n,r){r.d(n,{R:()=>i,x:()=>l});var t=r(96540);let s={},d=t.createContext(s);function i(e){let n=t.useContext(d);return t.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function l(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:i(e.components),t.createElement(d.Provider,{value:n},e.children)}}}]);