dbgrid

Como Empezar

Antes de comenzar a usar esta librería primero hay que hacer la instalación correspondiente:

npm install dbgrid

O también puedes utilizar yarn:

yarn add dbgrid

Una vez instalado el paquete se debe de inicializar la siguiente configuracion de variables de css.

Para esto debes de crear en tu fichero raiz de compilacion sass o en un fichero css las siguientes variables:

:root {
    --db-base-color:  #09111a;
    --db-font-face:  sans-serif;
    --db-title-face: sans-serif;
    --db-line-height: 1.4;
    --db-small-relative: 90%;
    
    //size
    --db-font-base: 16px;
    --db-size-xs: 12px;
    --db-size-sm: 14px;
    --db-size-md: 20px;
    --db-size-lg: 25px;
    --db-size-tl: 40px;
    --db-size-jb: 60px;
    --db-size-hr: 80px;
    --db-size-mg: 150px;
    
    //radius
    --db-radius-sm: 4px;
    --db-radius-md: 12px;
    --db-radius-lg: 18px;
    --db-radius-fluid: 100%;
    --db-breakpoint-m: 320px;
    --db-breakpoint-tb: 768px;
    --db-breakpoint-l: 1024px;
    --db-breakpoint-d: 1366px;
    --db-breakpoint-hd: 1540px;
    --db-breakpoint-w: 1920px;
}

Estas variables definen el comportamiento esencial de la librería CSS