Variable

Variables represent dynamic or templated values, such as event properties, column references, or liquid template variables.

#

#

#

Use the fallbackValue prop to show a fallback value alongside the variable name. The fallback is displayed in a filled section to distinguish it visually.

#

#

NameDefaultDescription
children

ReactNode

The variable name to display.

size"md""sm" | "md"

Determines the size of the component.

fallbackValue

string

When provided, renders a fallback section appended to the variable name. The fallback section has a filled background to distinguish it visually.

On this page

  • Usage
  • Default
  • With fallback
  • Sizes
  • Props