Skip to main content

style

Type: object

Example:

style: {
   font: 'Inter',
   cornerRadius: 'round',
   buttonShape: 'round'
}

Sets the intention for certain style properties, allowing to override the current style preset.

These are not CSS properties

To ensure style does not break across multiple components and screen resolutions, these settings define intentions but not raw CSS values. Make sure to see the list of options below.

Style properties​

font​

Defines the font for text and labels.

style: {
   font: 'Inter'
}

Possible values:

  • 'Inter'
  • 'Roboto'
  • 'Montserrat'
  • 'WorkSans'
  • 'NotoSansHK'
  • 'Lato'
  • 'NunitoSans'

cornerRadius​

Defines the style of corners for the object popover, tooltips, floating toolbars and dialogs.

style: {
   cornerRadius: 'round'
}

Possible values:

  • 'round' – Default. Use rounded corners.
  • 'square' – Use square corners.

buttonShape​

Defines the shape of buttons found in the object popover.

style: {
   buttonShape: 'round'
}

Possible values:

  • 'round' – Default. Buttons with a rounded appearance.
  • 'square' – Buttons with a more rectangular, sharp appearance.