← Back to documentation
Input
An input that can be used in a form or other places and receive input.
Information
Plan: Personal
Properties
| Property | Type | Default |
|---|---|---|
| Value | string | "" |
| Placeholder | string | "" |
| ID | string | "" |
| Name | string | "" |
| Disabled | boolean | false |
| Read only | boolean | false |
| Spell check | enum<string> | "" |
| Type | enum<string> | "text" |
| Width | string | "100%" |
| Minimum width | string | "auto" |
| Maximum width | string | "none" |
| Height | string | "auto" |
| Minimum height | string | "44px" |
| 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
| Variant | Description |
|---|---|
| Dark | Coming soon... |
| Success | Coming soon... |
| Warning | Coming soon... |
| Error | Coming soon... |