Tillbaka till dokumentationen

Radiogrupp

En radiogrupp där bara en radioknapp kan vara vald åt gången.

Information

Plan: Personal

Egenskaper

EgenskapTypStandard
Etikett
textsträng
""
Name
textsträng
""
Värde
textsträng
""
Required
boolesk
false
Inaktiverad
boolesk
false
Options
{
  "items": {
    "props": {
      "disabled": {
        "type": "boolean"
      },
      "label": {
        "type": "string"
      },
      "value": {
        "type": "string"
      }
    },
    "type": "object"
  },
  "type": "array"
}
[
  {
    "disabled": false,
    "label": "Lorem ipsum",
    "value": "Lorem ipsum"
  },
  {
    "disabled": false,
    "label": "Phasellus ultrices",
    "value": "Phasellus ultrices"
  },
  {
    "disabled": false,
    "label": "Ut posuere",
    "value": "Ut posuere"
  }
]
Orientation
uppräkning<textsträng>
"vertical"
Color - Label
textsträng
"var(--ophixor-semantic-text-primary)"
Color - Label - Required
textsträng
"var(--ophixor-semantic-status-danger)"
Background color - Option
textsträng
"var(--ophixor-semantic-surface-base)"
Border color - Option
textsträng
"var(--ophixor-semantic-border-default)"
Color - Option
textsträng
"var(--ophixor-semantic-text-primary)"
Background color - Option - Checked
textsträng
"var(--ophixor-semantic-status-primary-soft)"
Border color - Option - Checked
textsträng
"var(--ophixor-semantic-interactive-primary)"
Background color - Option - Icon
textsträng
"var(--ophixor-semantic-surface-base)"
Border color - Option - Icon
textsträng
"var(--ophixor-semantic-border-default)"
Background color - Option - Icon - Circle
textsträng
"var(--ophixor-semantic-interactive-primary)"
Border color - Option - Icon - Checked
textsträng
"var(--ophixor-semantic-interactive-primary)"
Är synlig
boolesk
true
Selektorer
lista
[]