How to use the @finos/perspective-viewer/dist/esm/custom_styles.PropsBuilder function in @finos/perspective-viewer
To help you get started, we’ve selected a few @finos/perspective-viewer examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
finos / perspective / packages / perspective-viewer-hypergrid / src / js / styles.js View on Github 
/******************************************************************************
*
* Copyright (c) 2017, the Perspective Authors.
*
* This file is part of the Perspective library, distributed under the terms of
* the Apache License 2.0. The full license can be found in the LICENSE file.
*
*/
import {PropsBuilder} from "@finos/perspective-viewer/dist/esm/custom_styles";
import {cloneDeep} from "lodash";
const properties = new PropsBuilder();
const title = `--hypergrid`;
properties.add_fonts({
font: title,
columnHeaderFont: `${title}-header`,
columnHeaderForegroundSelectionFont: `${title}-header`,
foregroundSelectionFont: `${title}-header`,
rowHeaderFont: title,
treeHeaderFont: title
});
properties.add_styles({
treeHeaderBackgroundColor: `${title}-tree-header--background`,
backgroundColor: `${title}--background`,
treeHeaderColor: `${title}-tree-header--color`,
treeHeaderForegroundSelectionColor: `${title}-tree-header--color`,@finos/perspective-viewer
The `<perspective-viewer>` Custom Element, frontend for Perspective.js
