React Input por Extenso

Componente React que retorna número por extenso

Como instalar

Abaixo as formas de como instalar essa biblioteca utilizando o npm ou yarn:

npm install react-input-por-extenso
# ou
yarn add react-input-por-extenso

Como usar

Uma forma básica de como utilizar o componente:

import React, { useState } from "react";
import ReactDOM from "react-dom";
import ReactInputPorExtenso from "react-input-por-extenso";

const App = () => {
  const [numero, setNumero] = useState("");

  return (
    <>
      <ReactInputPorExtenso
        tipoExtenso="monetario"
        onChange={numeroExtenso => setNumero(numeroExtenso)}
      />
      <p>
        <strong>Número por extenso</strong>: {numero}
      </p>
    </>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));

Propriedades

Esse componente é uma abstração de um componente input do tipo numérico, todas as propriedades de um input estão disponíveis.

Propriedade	Valor inicial	Tipo	Descrição
tipoExtenso	normal	string	Formato de extensão do número

Biblioteca desenvolvida durante aula prática da Digital Innovation One