Sections
Components
- Alert banner
- Alert dialog
- Alert
- Avatar
- Badge
- Breadcrumb
- Button
- Calendar icon
- Cell layout
- Cell link
- Checkbox
- Collapse
- Control label
- Date picker
- Dialog
- Divider
- Drawer
- Empty cell
- Empty state
- Empty
- Error overlay
- Filter bar
- Filter chips
- Flex
- Grid layout
- Humanised date
- Icon
- Duration input
- Input field
- Input
- Label
- Loader
- More actions
- Number input
- Outside click
- Page loader
- Page
- Popconfirm
- Popover
- Progress pie
- Progress
- Radio button group
- Radio Group
- Radio
- Relative time
- Resizable
- Search input
- Select
- Skeleton text
- Skeleton
- Space
- Squad avatar list
- Status picker
- Stepper
- Switch
- Content switcher
- Table light
- Tabs
- Tag
- Text
- Textarea
- Toast
- Tooltip
- Trigger select
- Upload
<rl-input placeholder="Enter a value" />Examples#
Size#
<rl-input size="small" placeholder="Small" />
<rl-input size="medium" placeholder="Medium" />
<rl-input size="large" placeholder="Large" />Disabled#
<rl-input disabled placeholder="Disabled" />API#
| Prop | Type | Default | Description |
|---|---|---|---|
type | string | "text" | Native input type. |
size | "small" | "medium" | "large" | "medium" | Field height. |
value | string | — | Current value. |
placeholder | string | — | Empty-state hint. |
disabled | boolean | false | Prevents editing. |
clearable | boolean | false | Shows a clear control when filled. |
name | string | — | Form name. |