← Back to documentation
Checkbox
A checkbox that is useful in forms among other places.
Information
Plan: Personal
Properties
| Property | Type | Default |
|---|---|---|
| Checked | boolean | false |
| ID | string | "" |
| Width | string | "auto" |
| Height | string | "auto" |
| Minimum width | string | "22px" |
| Minimum height | string | "22px" |
| Maximum width | string | "none" |
| Maximum height | string | "none" |
| Align self | enum<string> | "flex-start" |
| Justify self | enum<string> | "center" |
| 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)" |
| Selectors | array | [] |