@eibeleza/eib-component-library-system v0.0.9

EI,Beleza? Component Library System

Este projeto é uma biblioteca de componentes para aplicações web desenvolvidas com o framework Svelte.

Instalação

Para instalar as dependências, use o seguinte comando:

npm install

Para iniciar o ambiente de desenvolvimento, execute:

npm run dev

Para construir o projeto para produção, utilize:

npm run build

Documentação

Icones

Os icones utilizam o componente Icon seguido do nome do icone e recebem duas propriedades:

• class: uma string que define a classe CSS para o icone;
• style: uma string que define o estilo do icone (fill para preenchimento ou line para linhas). A propriedade style tem como valor padrão fill.

Abaixo temos um exemplo de como utilizar o icone IconMoon (um icone de lua) com o estilo line:

<IconMoon class="h-auto w-6 text-blue-500" style="line" />

Observe que a classe h-auto w-6 define a altura e largura do icone e a classe text-blue-500 define a cor do icone.

Lista de Icones disponiveis na biblioteca

• IconMoon (lua)
• IconSun (sol)

Barra de anuncios

A barra de anuncios utiliza o componente AnnouncementBar e recebe duas propriedades:

• text: uma string que define o texto da barra de anuncios, é uma propriedade obrigatoria;
• animate: um booleano que define se a barra de anuncios deve animar ou nao. A propriedade animate tem como valor padrão false.

Abaixo temos um exemplo de como utilizar a barra de anuncios:

<AnnouncementBar text="Este é um texto de exemplo" animate={true} />