TreeViewStyles

Styles configuration for the TreeView component

Definition

interface TreeViewStyles {
    /**
     * Background color for the node
     */
    nodeBGColor?: string,
    /**
     * Color of the node icon
     */
    nodeIconColor?: string,
    /**
     * Border color of the node
     */
    nodeBorderColor?: string,
    /**
     * Color of the path connecting nodes
     */
    pathColor?: string,
    /**
     * Background color of the label
     */
    labelBGColor?: string,
    /**
     * Text color of the label
     */
    labelTextColor?: string,
    /**
     * Border radius of the label
     */
    labelBorderRadius?: number,
    /**
     * Background color of the selected label
     */
    labelSelectedBGColor?: string,
    /**
     * Text color of the selected label
     */
    labelSelectedTextColor?: string,
    /**
     * Background color of the label on hover
     */
    labelHoverBGColor?: string,
    /**
     * Text color of the label on hover
     */
    labelHoverTextColor?: string,
    /**
     * Background color for disabled nodes
     */
    disabledBGColor?: string,
    /**
     * Text color for disabled nodes
     */
    disabledTextColor?: string,
    /**
     * Icon to display for expandable nodes
     */
    expandableIcon?: string,
    /**
     * Icon to display for expanded nodes
     */
    expandedIcon?: string,
    /**
     * Icon to display for nodes with no children
     */
    endNodeIcon?: string,
}

Usage

import { TreeViewStyles } from 'uxp/components';