shadowRadios should be used inside of a radio group. Pressing a radio will check it and uncheck the previously selected radio, if there is one. They can also be checked programmatically by setting the value property of the parent radio group to the value of the radio.
When radios are inside of a radio group, only one radio will be checked at any time. If more than one item should be selected, checkboxes should be used instead. Radios can be disabled within a group to prevent interaction with them.
By default, once a radio is selected it cannot be deselected; pressing it again will keep it selected. This behavior can be modified by using the allowEmptySelection property on the parent radio group, which enables the radios to be deselected.
| Description | アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です．色に関する詳しい情報は theming を参照してください。 |
| Attribute | color |
| Type | "danger" ｜ "dark" ｜ "light" ｜ "medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary" ｜ "warning" ｜ string & Record<never, never> ｜ undefined |
| Default | undefined |
| Description | trueの場合、ユーザはラジオと対話することができません。 |
| Attribute | disabled |
| Type | boolean |
| Default | false |
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" ｜ "md" |
| Default | undefined |
| Description | フォームデータとともに送信されるコントロールの名前。 |
| Attribute | name |
| Type | string |
| Default | this.inputId |
| Description | ラジオの値です。 |
| Attribute | value |
| Type | any |
| Default | undefined |
| Name | Description |
|---|
ionBlur | ラジオボタンのフォーカスが外れたときに発行されます。 |
ionFocus | ラジオボタンにフォーカスが当たったときに発行されます。 |
No public methods available for this component.
| Name | Description |
|---|
container | ラジオマークの入れ物です。 |
mark | チェックされた状態を示すために使用されるチェックマークまたはドットです。 |
| Name | Description |
|---|
--border-radius | ラジオのボーダー半径 |
--color | ラジオのカラー |
--color-checked | チェックしたラジオの色 |
--inner-border-radius | 内側のチェック付きラジオのボーダー半径 |
No slots available for this component.