Styleable

Configs

2
css: Object<String, String>Also a property

Initial CSS variables to set.

Each key will be applied as a CSS variable to the target elements style. Key names are hyphenated and prefixed with cssVarPrefix in the process. For example:

{
   cssVarPrefix : 'taskboard',

   css : {
       cardBackground : '#333'
   }
}

Results in the css var --taskboard-card-background being set to #333.

cssVarPrefix: String

CSS variable prefix, appended to the keys used in css.

For example:

{
   cssVarPrefix : 'taskboard',

   css : {
       cardBackground : '#333'
   }
}

Results in the css var --taskboard-card-background being set to #333.

Bryntum widgets defaults to using -b-{type} as prefix: --b-button-font-size etc.

Properties

3

Class hierarchy

isStyleable: Boolean= truereadonly
Identifies an object as an instance of Styleable class, or subclass thereof.
isStyleable: Boolean= truereadonlystatic
Identifies an object as an instance of Styleable class, or subclass thereof.

DOM

css: ProxyAlso a config

Allows runtime manipulating of CSS variables.

See css for more information.

taskBoard.css.columnBackground = '#ccc';

// Will set "--taskboard-column-background : #ccc"