1.0.1 • Published 3 years ago

@govce/cc-systems-card-list v1.0.1

Weekly downloads
-
License
-
Repository
-
Last release
3 years ago

Logotipo da Casa Civil

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)

EntradaTipoPadrãoDescrição
itemsCCSystemInfo[][]Sistemas que serão exibidos na lista de cartões

Licença

GPL-3.0