import React from "react"; export interface Props { /** * Atributo padrão do elemento \ do HTML. */ autocomplete?: "on" | "off"; /** * Atributo padrão do elemento \ do HTML. */ autofocus?: boolean; /** * Atributo padrão do elemento \ do HTML. */ autosave?: string; /** * Atributo padrão do elemento \ do HTML. */ accesskey?: string; /** * Essa Prop inclui um atributo data-collect com o valor configurado no input. */ dataCollect?: string; /** * Essa Prop inclui um atributo data-collect com o valor configurado no botão de diminuir. */ dataCollectDecrease?: string; /** * Essa Prop inclui um atributo data-collect com o valor configurado no botão de aumentar. */ dataCollectIncrease?: string; /** * Essa Prop inclui um atributo data-collect-info com o valor configurado no input. */ dataCollectInfo?: string; /** * Essa Prop inclui um atributo data-collect-info com o valor configurado no botão de diminuir. */ dataCollectInfoDecrease?: string; /** * Essa Prop inclui um atributo data-collect-info com o valor configurado no botão de aumentar. */ dataCollectInfoIncrease?: string; /** * Essa Prop inclui um atributo data-qa com o valor configurado no input. */ dataQA?: string; /** * Essa Prop inclui um atributo data-qa com o valor configurado no botão de diminuir. */ dataQADecrease?: string; /** * Essa Prop inclui um atributo data-qa com o valor configurado no botão de aumentar. */ dataQAIncrease?: string; /** * Essa Prop inclui um atributo data-testid com o valor configurado no input. */ dataTestId?: string | null; /** * Essa Prop inclui um atributo data-testid com o valor configurado no botão de aumentar. */ dataTestIdIncrease?: string | null; /** * Essa Prop inclui um atributo data-testid com o valor configurado no botão de diminuir. */ dataTestIdDecrease?: string | null; /** * Atributo padrão do elemento \ do HTML. */ disabled?: boolean; /** * Habilita o estilo de erro do componente. */ error?: boolean; /** * Atributo padrão do elemento \ do HTML. */ form?: string; /** * Atributo padrão do elemento \ do HTML. */ formaction?: string; /** * Incluí um texto helper ao componente. */ helperText?: string; /** * Atributo padrão do elemento \ do HTML. */ id: string; /** * Habilita o estilo inverse do componente. */ inverse?: boolean; /** * Atributo padrão do elemento \ do HTML. */ list?: string; /** * Atributo padrão do elemento \ do HTML. */ max?: string; /** * Atributo padrão do elemento \ do HTML. */ maxlength?: number; /** * Atributo padrão do elemento \ do HTML. */ min?: string; /** * Atributo padrão do elemento \ do HTML. */ minlength?: number; /** * Atributo padrão do elemento \ do HTML. */ multiple?: boolean; /** * Atributo padrão do elemento \ do HTML. */ name: string; /** * Adiciona uma função de callback à mudança do componente. */ onChange?: Function; /** * Adiciona uma função de callback ao clique do botão de diminuir do componente. */ onDecrease?: Function; /** * Adiciona uma função de callback ao clique do botão de aumentar do componente. */ onIncrease?: Function; /** * Atributo padrão do elemento \ do HTML. */ readonly?: boolean; /** * Atributo padrão do elemento \ do HTML. */ required?: boolean; /** * Atributo padrão do elemento \ do HTML. */ size?: number; /** * Atributo padrão do elemento \ do HTML. */ spellcheck?: boolean; /** * Atributo padrão do elemento \ do HTML. */ src?: string; /** * Atributo padrão do elemento \ do HTML. */ step?: string; /** * Atributo padrão do elemento \ do HTML. */ tabindex?: number; /** * Atributo padrão do elemento \ do HTML. */ value?: string; /** * Atributo padrão do elemento \ do HTML. */ width?: string; /** * Essa prop permite que o componente tenha um tamanho mínimo. */ minWidth?: string; /** * Adiciona o comportamento de loading no elemento \ . */ loading?: boolean; /** * Atributo padrão do elemento \ do HTML de disabled para somente o botão de increase. */ increaseDisabled?: boolean; /** * Atributo padrão do elemento \ do HTML de disabled para somente o botão de decrease. */ decreaseDisabled?: boolean; /** * Atributo para definir o tamanho do componente como 100%. */ fullWidth?: boolean; } /** *
* * Obs: Esse componente precisa estar dentro de um ThemeProvider, para o carregamento de seu estilo. Nos sites em React de Drogasil e Drogaraia o ThemeProvider já encontra-se configurado como um componente de alto nível, portanto não há a necessidade de incluí-lo novamente. * ** * Para utilizar esse componente, deve-se importar: * * ``` * import Counter from "@raiadrogasil/pulso-react-components/Counter"; * ``` * * ou * *
* * Obs: O método com chaves importa o código de todos os componentes, mesmo os que não estão listados entre as chave. Portanto, por questão de performance, é desaconselhado seu uso. * ** * ``` * import { Counter } from "@raiadrogasil/pulso-react-components/"; * ``` */ declare const Counter: React.ForwardRefExoticComponent