Skip to main content

Interface: SettingsProperties

Defined in: packages/core/src/react/provider/types.ts:354

Indexable

[k: string]: unknown

Properties

appearanceTools?

optional appearanceTools: boolean

Defined in: packages/core/src/react/provider/types.ts:358

Setting that enables ui tools.


border?

optional border: object

Defined in: packages/core/src/react/provider/types.ts:362

Settings related to borders.

color?

optional color: boolean

Allow users to set custom border colors.

radius?

optional radius: boolean

Allow users to set custom border radius.

style?

optional style: boolean

Allow users to set custom border styles.

width?

optional width: boolean

Allow users to set custom border widths.


color?

optional color: object

Defined in: packages/core/src/react/provider/types.ts:383

Settings related to colors.

background?

optional background: boolean

Allow users to set background colors.

custom?

optional custom: boolean

Allow users to select custom colors.

customDuotone?

optional customDuotone: boolean

Allow users to create custom duotone filters.

customGradient?

optional customGradient: boolean

Allow users to create custom gradients.

defaultGradients?

optional defaultGradients: boolean

Allow users to choose colors from the default gradients.

defaultPalette?

optional defaultPalette: boolean

Allow users to choose colors from the default palette.

duotone?

optional duotone: SettingsDuotone

Duotone presets for the duotone picker. Doesn't generate classes or properties.

gradients?

optional gradients: SettingsGradient

Gradient presets for the gradient picker. Generates a single class (.has-{slug}-background) and custom property (--wp--preset--gradient--{slug}) per preset value.

optional link: boolean

Allow users to set link colors.

palette?

optional palette: SettingsColorPalette

Color palette presets for the color picker. Generates three classes (.has-{slug}-color, .has-{slug}-background-color, and .has-{slug}-border-color) and a single custom property (--wp--preset--color--{slug}) per preset value.

text?

optional text: boolean

Allow users to set text colors.


custom?

optional custom: object

Defined in: packages/core/src/react/provider/types.ts:543

Generate custom CSS custom properties of the form --wp--custom--{key}--{nested-key}: {value};. camelCased keys are transformed to kebab-case as to follow the CSS property naming schema. Keys at different depth levels are separated by --, so keys should not include -- in the name.

Index Signature

[k: string]: string | number | SettingsCustomAdditionalProperties


layout?

optional layout: object

Defined in: packages/core/src/react/provider/types.ts:435

Settings related to layout.

contentSize?

optional contentSize: string

Sets the max-width of the content.

wideSize?

optional wideSize: string

Sets the max-width of wide (.alignwide) content.


spacing?

optional spacing: object

Defined in: packages/core/src/react/provider/types.ts:448

Settings related to spacing.

blockGap?

optional blockGap: null | boolean

Enables --wp--style--block-gap to be generated from styles.spacing.blockGap. A value of null instead of false further disables layout styles from being generated.

margin?

optional margin: boolean

Allow users to set a custom margin.

padding?

optional padding: boolean

Allow users to set a custom padding.

units?

optional units: string[]

List of units the user can use for spacing values.


typography?

optional typography: object

Defined in: packages/core/src/react/provider/types.ts:470

Settings related to typography.

customFontSize?

optional customFontSize: boolean

Allow users to set custom font sizes.

dropCap?

optional dropCap: boolean

Enable drop cap.

fontFamilies?

optional fontFamilies: object[]

Font family presets for the font family selector. Generates a single custom property (--wp--preset--font-family--{slug}) per preset value.

fontSizes?

optional fontSizes: object[]

Font size presets for the font size selector. Generates a single class (.has-{slug}-color) and custom property (--wp--preset--font-size--{slug}) per preset value.

fontStyle?

optional fontStyle: boolean

Allow users to set custom font styles.

fontWeight?

optional fontWeight: boolean

Allow users to set custom font weights.

letterSpacing?

optional letterSpacing: boolean

Allow users to set custom letter spacing.

lineHeight?

optional lineHeight: boolean

Allow users to set custom line height.

textDecoration?

optional textDecoration: boolean

Allow users to set custom text decorations.

textTransform?

optional textTransform: boolean

Allow users to set custom text transforms.