Skip to content

PropConfigurations

A flat map of prop names to the values they must hold for a condition to apply.

type PropConfigurations = Record<string, string | number | boolean>;

Usage

PropConfigurations appear in two places:

  • Variant configuration — declares which prop combination activates a variant. When all listed props match their specified values, the variant’s overrides are applied.
  • invalidVariantCombinations — an array on the Component root that declares prop combinations which should never occur together.

Example

size: large
disabled: true

This configuration matches when the size prop equals "large" and the disabled prop is true.