/react-input-por-extenso

Componente React que retorna número por extenso

Primary LanguageJavaScript

React Input por Extenso

Componente React que retorna número por extenso

npm NPM

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