Componente de Input

O Input é utilizado para campos de entrada de texto, com suporte para validação e personalização de rótulos.

Como importar

import { Input } from '@/app/shared/@JustLaunch/components';

Exemplo de uso

<Input.Root>
  <Input.Label>Email</Input.Label>
  <Input.Wrapper>
    <Input.PlaceHolder placeholder='Enter your email' type='email' />
  </Input.Wrapper>
</Input.Root>

Com Erro

import { FieldError } from 'react-hook-form';

<Input.Root>
  <Input.Label>Email</Input.Label>
  <Input.Wrapper error={{ message: 'Email is required' } as FieldError}>
    <Input.PlaceHolder placeholder='Enter your email' type='email' />
  </Input.Wrapper>
</Input.Root>