CC-SYSTEMS-CARD-LIST

Biblioteca que tem como principal funcionalidade facilitar a exibição de sistemas utilizados pela Casa Civil em formato de lista de cartões.

Índice

1. Ambiente de desenvolvimento
2. Build do componente
3. Requerimentos
4. Instalação
5. Utilização
6. Entradas (@Inputs)
7. Licença

Ambiente de desenvolvimento

Para iniciar um ambiente de desenvolvimento, utilize o comando ng serve. Navegue até o endereço http://localhost:4200/. O ambiente será automaticamente atualizado caso algum arquivo do projeto for atualizado enquanto o comando estiver sendo executado.

Build do componente

Utilize o comando ng build cc-systems-card-list para compilar o projeto. A compilação será enviada para a pasta dist/. Use a flag --prod para fazer uma compilação para produção.

Requerimentos

• Nenhum

Instalação

Veja a seguir como instalar este componente:

npm i @govce/cc-systems-card-list --save

Utilização

Adicione no seu arquivo app.module.ts:

import { CcSystemsCardListModule } from 'cc-systems-card-list';

@NgModule({
    declarations: [...],
    imports: [
        BrowserModule,
        ...,
        CcSystemsCardListModule
    ]
})
export class AppModule { }

Utilização

Adicione no app.component.html uma entrada.

<lib-cc-systems-card-list [items]="items"></lib-cc-systems-card-list>

Adicione no app.component.ts a configuração da entrada.

items: CCSystemInfo[] = [
    {
      "title": "Autocomplete",
      "description": "Suggests relevant options as the user types.",
      "image": "https://material.angular.io/assets/screenshots/autocomplete.scene.png",
      "link": "https://material.angular.io/components/autocomplete/overview"
    }
]

Entradas (@Inputs)

|Entrada|Tipo|Padrão|Descrição| |:--|:-:|:-:|:--| |items|CCSystemInfo[]|[]|Sistemas que serão exibidos na lista de cartões|

Licença

GPL-3.0