# LteInfoBox

O componente LteInfoBox provê uma caixa de informação, muito utilizada em dashboards.

<lte-info-box title="bookmarks" number="308" icon="fa-flag-o" bg-icon="green" />

# Ícones

O componente tem uma propriedade obrigatória chamada icon, que utiliza ícons Font Awesome.

# Cores

As cores utilizadas tanto no fundo do ícone quando no fundo da infobox são: aqua, yellow, red e green.

# Propriedades obrigatórias

As propriedades obrigatórias são title, do tipo String, indicando o título da caixa. Outra propriedade é number, do tipo Number e String, indicando o número a ser exibido (como porcentagem, por exemplo). Outras são icon conforme acima mencionado, e bg-icon, do tipo String, que indica a cor de fundo do ícone, acima citado anteriormente.

# Propriedades opcionais

As propriedades opcionais são: bg, do tipo String, que indica a cor de fundo da infobox, cores acima citadas. Outras propriedades são: progress-bar, do tipo Number, que indica uma barra de progresso, e progress-description, do tipo String, descrevendo a barra de progresso.

As propriedades progress-bar e progress_description só estarão visualmente disponíveis se a propriedade bg for setada.