worko-ng-grid v12.1.3

Worko Angular Grid

Install

npm install --save worko-ng-grid

Usage

Importa WorkoNgGridModule en la declaración de tu módulo:

import { WorkoNgGridModule } from 'worko-ng-grid';

@NgModule({
  declarations: [
    ...
  ],
  imports: [
    ...
    WorkoNgGridModule
  ],
  exports: [
    ...
  ]
})
export class YourModule { }

Componente wrapper fluid

Wrapper fluid es un contenedor que crece dentro de su elemento padre. Tendrá un padding horizontal definido en la variable --safe-area.

Ejemplos

<w-wrapper-fluid>
  ...
</w-wrapper-fluid>

Componente wrapper centered

Wrapper centered es un contenedor centrado que cambiará su anchura dependiendo de la anchura del navegador y los breakpoints definidos.

Ejemplos

<w-wrapper-centered>
  ...
</w-wrapper-centered>

Row

Componente para agrupar y distribuir columnas

Ejemplos

<w-row [wrap]="true">
...
</w-row>

Col

Componente para la distribución de contenido dividido en columnas.

Ejemplos

<w-row>
  <w-col [xs]="6" [md]="4" [mdOffset]="2"></w-col>
  <w-col [xs]="6" [md]="4"></w-col>
</w-row>

Atributos

Desarrollo de la librería

Para el desarrollar y compilar la librería:

 npm run build:worko-ng-grid 

Para publicar una nueva versión:

cd dist/worko-ng-grid
npm publish