lib-formulario v0.1.5

Package lib-formulario

Uma Lib React para realizar criação de formulario.   Acesse o link do repositório do package no site oficial NPM.   Acesse o link do repositório do Github.

Como usar

Para instalar o package bastar rodar o comando abaixo.

$ npm install lib-formulario

Component Input

O Componente Input tem os seguintes tipos 'email', 'text', 'number', 'tel', 'password', 'date', 'datetime'.   Abaixo um exemplo de uso do componente.

import { Input } from 'lib-formulario';

function App() {
  return (
    <>
      <Input
          id='email'
          type='email'
          placeholder='Seu email'
          required={true}
          erro={true}
          messageErro='erro'
          border='normal'
          />
    </>
  );
}

export default App;

O componente <Input/> pode receber os seguintes valores:

Você pode passar uma Key mask={true} e valueMask={'tel'} para criar uma máscara (11) 1 1111 - 1111 no input.

Component InputList

O Componente InputList criar um input com listagem.   O Componente recebe um array.   Abaixo um exemplo de como usar o componente.

import { InputList } from 'lib-formulario';

function App() {
  return (
    <>
      <InputList
        label='Mes'
        lista={['janeiro', 'fevereiro']}
        name='mes'
        border='normal'
        required={true}/>
    </>
  );
}

export default App;

O Componente <InputList/> recebe os seguintes valores:

O Component Button

O Componente Button criar um botão.   Abaixo um exemplo de como usar o componente.

import { Button } from 'lib-formulario';

function App() {
  return (
    <>
      <Button type='submit'>Enviar</Button>
    </>
  );
}

export default App;

O Componente <Button/> recebe os seguintes valores:

Você pode passar uma key color={"#fff"} para mudar a cor do background do botão.