npm.io
0.1.1 • Published 5 years ago

libreactjsnumeroporextenso

Licence
MIT
Version
0.1.1
Deps
9
Size
6 kB
Vulns
0
Weekly
0

Biblioteca Numero por Extenso

Componente React que retorna número por extenso

  • HTML = JS
  • React

npm NPM

o

Como instalar

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

npm install libreactjsnumeroporextenso
# ou
yarn add libreactjsnumeroporextenso

Como usar

Uma forma básica de como utilizar o componente:

import React,{useState} from "react";
import ReactDOM from "react-dom";
import ReactInputPorExtenso from "../lib";

const App=()=>{
    const [numero,setNumero]=useState("");
    return (
        <>
        <ReactInputPorExtenso 
        tipoExtenso="monetario"
        onChange={numeroExtenso=>setNumero(numeroExtenso)}
        />
        <p>
            <strong>Numero 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

Comados que podem ajudar aos iniciantes

1 yarn add react react-dom prop-typess 2 yarn add react react-dom prop-types 4 yarn add @babel/core @babel/cli @babel/preset-env @babel/preset-react 7 yarn add -D webpack webpack-cli webpack-dev-server html-webpack-plugin babel-loader 8 npm insall 9 yarn init 52 yarn build 53 npm publish