Skip to content

Variable: MODIFIER_PRESETS

ts
const MODIFIER_PRESETS: object;

Defined in: packages/core/src/modifier.ts:111

The built-in convention presets. Other schemes use the custom object (see the docs).

Type Declaration

bare

ts
readonly bare: object;

OOCSS / bare chained classes — .button.primary (any class chained to the base).

bare.propValue

ts
readonly propValue: false = false;

bare.separator

ts
readonly separator: "" = "";

bare.structure

ts
readonly structure: "chained" = "chained";

bem

ts
readonly bem: object;

BEM / SUIT — .button--primary, with .button__element sub-elements. The default.

bem.elementSeparator

ts
readonly elementSeparator: "__" = "__";

bem.propValue

ts
readonly propValue: false = false;

bem.separator

ts
readonly separator: "--" = "--";

bem.structure

ts
readonly structure: "suffix" = "suffix";

rscss

ts
readonly rscss: object;

rscss — .button.-color-secondary, split into prop/value.

rscss.propValue

ts
readonly propValue: true = true;

rscss.propValueSeparator

ts
readonly propValueSeparator: "-" = "-";

rscss.separator

ts
readonly separator: "-" = "-";

rscss.structure

ts
readonly structure: "chained" = "chained";

Released under the MIT License