@koobiq/ag-grid-angular-theme v30.0.6

@koobiq/ag-grid-angular-theme

The package provides a theme for the AG Grid (see overview).

Installation

npm install @koobiq/ag-grid-angular-theme@^30 ag-grid-community@^30 ag-grid-angular@^30

Usage

Setup your main styles.scss file:

// Import theme
@use '@koobiq/ag-grid-angular-theme';

// Import @koobiq/icons
// https://github.com/koobiq/icons
@use '@koobiq/icons/fonts/kbq-icons';

// Import @koobiq/design-tokens
// https://github.com/koobiq/design-tokens
@use '@koobiq/design-tokens/web/css-tokens';
@use '@koobiq/design-tokens/web/css-tokens-light';
@use '@koobiq/design-tokens/web/css-tokens-dark';

// Import Inter font
// https://koobiq.io/en/main/typography/overview#installing-fonts
@import '@fontsource/inter/400.css';
@import '@fontsource/inter/500.css';
@import '@fontsource/inter/600.css';
@import '@fontsource/inter/700.css';
@import '@fontsource/inter/400-italic.css';
@import '@fontsource/inter/500-italic.css';

Apply the theme for <ag-grid-angular> in your template:

import { KbqAgGridTheme } from '@koobiq/ag-grid-angular-theme';
import { AgGridModule } from 'ag-grid-angular';

@Component({
    imports: [AgGridModule, KbqAgGridTheme],
    template: `<ag-grid-angular kbqAgGridTheme />`
})

Create GitHub Release and Publish

To create a new GitHub release, run the following command:

yarn run release:theme

Once the GitHub release is created, the package is automatically published to NPM using GitHub Publish Action.

Development

Make sure you have the correct version of Node.js installed (we recommend use nvm):

nvm use

Install dependencies:

yarn install

Run dev server:

yarn run dev

Then open http://localhost:4200/

Build

yarn run build:theme