Radio
Radio element je upravená verzia štandardného HTML radio elementu, rozšírená o štýly pre dosiahnutie vizuálne konzistentnejšieho používateľského rozhrania naprieč rôznymi zariadeniami. Funguje podobne ako štandardné rádio tlačidlo a umožňuje používateľom vybrať jednu z množiny možností. Používa sa vo vnútri elementu radio group, ktorý im pridáva zarovnanie a zoskupuje ich do jedného celku.
Základné použitie
Inline
Pridaním vlastnosti inline sa elementy usporiadajú v horizontálnom rozložení.
Úprava štýlov
color
Pomocou vlastnosti color je možné zmeniť farbu radio elementu.
Atribúty a Vlastnosti
color
| Description | The color to use from your application's color palette. The default options are "primary", "complete", "success", "warning", "warning" and "neutral". For more information, go to: theming. |
| Attribute | color |
| Type | "danger." ｜ "neutral" ｜ "primary" ｜ "success" ｜ "complete" ｜ "warning" ｜ string ｜ undefined |
| Default | undefined |
checked
| Description | If true, the option is selected. |
| Attribute | checked |
| Type | boolean |
| Default | false |
disabled
| Description | If true, the option cannot be selected. |
| Attribute | disabled |
| Type | boolean |
| Default | false |
indeterminate
| Description | If true, it sets the default state of the radio element to neutral, i.e. neither true nor false. |
| Attribute | indeterminate |
| Type | boolean |
| Default | false |
name
| Description | Specifies the name of the radio element. |
| Attribute | name |
| Type | string |
| Default | this.inputId |
value
| Description | The value of the radio element. |
| Attribute | value |
| Type | string ｜ undefined |
| Default | undefined |
Eventy
No events available for this component.
Metódy
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Vlastnosti
| Name | Description |
|---|---|
--wj-border-radius-circle | Defines the size of the roundness of the element. |
--wj-radio-margin-bottom | Defines the bottom offset of the element. |
--wj-radio-margin-inline | Right and left offset of the radio element. |
--wj-radio-margin-top | Top offset of the radio element. |
Sloty
No slots available for this component.