shadow
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.
Pridaním vlastnosti inline sa elementy usporiadajú v horizontálnom rozložení.
Pomocou vlastnosti color je možné zmeniť farbu radio elementu.
| Description | Indicates whether the switch is checked. |
| Attribute | checked |
| Type | boolean |
| Default | false |
| Description | Indicates whether the switch is unchecked. |
| Attribute | disabled |
| Type | boolean |
| Default | false |
| Description | Specifies the color of the switch. |
| Attribute | color |
| Type | string |
| Default | undefined |
| Description | Switch value. |
| Attribute | value |
| Type | string |
| Default | undefined |
| Description | Specifies the location of the label relative to the switch. |
| Attribute | placement |
| Type | string |
| Default | start |
| Name | Description |
|---|
wje-radio:change | Called when the switch state changes. |
wje-radio:input | Invoked when interacting with the switch. |
No public methods available for this component.
No CSS shadow parts available for this component.
| Name | Description |
|---|
--wje-radio-margin-inline | Specifies the horizontal (left and right) offset for the switch. Accepts any valid CSS length unit (e.g. px, rem, %) to control the spacing on either side of the component. |
--wje-radio-margin-top | Defines the upper offset for the switch. Accepts any valid CSS length value to set the vertical spacing above the component. |
--wje-radio-margin-bottom | Sets the lower offset for the switch. Accepts any valid CSS length value to set the vertical spacing below the component. |
| Name | Description |
|---|
| `` | The default switch label content slot. |