import LiveDemoComponent from './../../../../stories/helpers/components/live-demo.tsx';
Caso você já tenha feito o passo-a-passo descrito em Começando, você pode pular esta instalação e ir direto para o tópico Como utilizar.
Você pode instalar o componente de forma isolada, conforme o exemplo abaixo:
npm install @animaliads/ani-textarea
Para utilizar este componente na sua aplicação você precisa importar o arquivo principal. Essa importação irá variar conforme o tipo de aplicação que você está utilizando, por exemplo: angular, react ou somente javascript.
Depois de importar o arquivo principal, basta adicionar a tag ani-textarea
no seu código:
<ani-textarea>exemplo de label</ani-textarea>
Para utilizar com o tema padrão, é necessário instalar e utilizar os pacotes
@animaliads/animalia-brand
e@animaliads/css-tokens
. Você pode ver um exemplo de utilização no Live Demo.
Para customizar o tema do componente, você pode estar utilizando as propriedades customizáveis da seguinte forma:
ani-textarea {
--color: green;
}
Para saber quais são as propriedades disponíveis, consulte propriedades customizáveis.
Para saber a lista de propriedades e eventos, acesse o guia de referencia de API.