Skip to content

Latest commit

 

History

History
46 lines (30 loc) · 1.55 KB

File metadata and controls

46 lines (30 loc) · 1.55 KB

import LiveDemoComponent from './../../../../stories/helpers/components/live-demo.tsx';

Desenvolvimento

Instalação do pacote

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

Como utilizar

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.

Live Demo

Para saber a lista de propriedades e eventos, acesse o guia de referencia de API.