Usage

Import

import { Input, NumberInput, FormControl, FormLabel } from '@passfort/castle'
content_copy
Copy

Icon

<Input icon="alternate_email" />
<Input icon="alternate_email" />
content_copy
Copy
live example

FormControl

<FormControls>
  <FormControl isRequired>
    <FormLabel>Name</FormLabel>
    <Input onChange={(e) => console.warn(e.target.value)} />
  </FormControl>

  <FormControl isInvalid>
    <FormLabel>Name</FormLabel>
    <Input />
  </FormControl>

  <FormControl isDisabled>
    <FormLabel>Disabled</FormLabel>
    <Input />
  </FormControl>

  <FormControl isReadOnly>
    <FormLabel>Read-only</FormLabel>
    <Input />
  </FormControl>
</FormControls>
<FormControls>
  <FormControl isRequired>
    <FormLabel>Name</FormLabel>
    <Input onChange={(e) => console.warn(e.target.value)} />
  </FormControl>

  <FormControl isInvalid>
    <FormLabel>Name</FormLabel>
    <Input />
  </FormControl>

  <FormControl isDisabled>
    <FormLabel>Disabled</FormLabel>
    <Input />
  </FormControl>

  <FormControl isReadOnly>
    <FormLabel>Read-only</FormLabel>
    <Input />
  </FormControl>
</FormControls>
content_copy
Copy
live example