0.1.1 • Published 4 years ago

libreactjsnumeroporextenso v0.1.1

Weekly downloads
3
License
MIT
Repository
github
Last release
4 years ago

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.

PropriedadeValor inicialTipoDescrição
tipoExtensonormalstringFormato 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