← Back to documentation

Select

A form component with a drop-down menu where you can select an option.

Information

Plan: Personal

Properties

PropertyTypeDefault
ID
string
""
Value
string
""
Name
string
""
Disabled
boolean
false
Options
{
  "items": {
    "props": {
      "label": {
        "type": "string"
      },
      "value": {
        "type": "string"
      }
    },
    "type": "object"
  },
  "type": "array"
}
[]
Width
string
"100%"
Height
string
"auto"
Minimum width
string
"auto"
Minimum height
string
"44px"
Maximum width
string
"none"
Maximum height
string
"none"
Padding
string
"0.6rem 0.75rem"
Background color
string
"var(--pc-semantic-surface-base)"
Border color
string
"var(--pc-semantic-border-default)"
Border width
string
"1px"
Border radius
string
"8px"
Color
string
"var(--pc-semantic-text-primary)"
Box shadow - Focus
string
"var(--pc-semantic-focus-ring)"
Selectors
array
[]

Variants

VariantDescription
DarkComing soon...
SuccessComing soon...
WarningComing soon...
ErrorComing soon...