Usage
Import
import { NumberInput } from '@passfort/castle'content_copyCopy
Example
content_copyCopy
live example
Search
Button
Close
Forms
Input
Upload
SelectV2
Switch
Number Input
Password Input
Search Input
Checkbox
Radio
TextArea
Slider
Range Slider
Reorder
Date
Breakpoints
Row
Column
Stack
Width
Height
Flex
Center
Wrap
Connected
Grid
Portal
Code Block
App Header
Divider
AccordionV2
Tabs
List
Expandable List
Card
Menu
Tag
Badge
Image
Country Flag
Application Status
Table
HTML Table
Arrow Links
Breadcrumbs
Link
Navigation
Pagination
Alert
Donut Chart
Circular Progress
Flag
Gauge
Meter Bar
Progress
Skeleton
Spinner
Toast
Tooltip
Popover
Drawer
Modal
Modal Form
Alert Dialog
Transitions
Link Overlay
Visually Hidden
Keyboard Key
Accordion
Select
Dropdown Button
Dropdown Menu
Dropdown
DropdownV2
HTML Select
import { NumberInput } from '@passfort/castle'content_copyCopy
<FormControls><FormControl isRequired><FormLabel>Name</FormLabel><NumberInputvalue={2}onChange={(e) => console.log('hi', e)}step="1"min="1"max="5"type="number"/></FormControl><FormControl isInvalid><FormLabel>Name</FormLabel><NumberInput step="1" min="1" max="5" type="number" /></FormControl><FormControl isDisabled><FormLabel>Name</FormLabel><NumberInput step="1" min="1" max="5" type="number" /></FormControl><FormControl isReadOnly><FormLabel>Name</FormLabel><NumberInput step="1" min="1" max="5" type="number" value="4" /></FormControl></FormControls>content_copyCopy
live example