Property Glossary


Standard property names for consistent component configuration across Compound.

Overview

In many cases, components require their own specific properties. To enhance the developer experience and ensure consistency across Compound components, utilise the following properties.

Property

Type

Usage

direction

String

For components that require placement in relation to another item.

expand

Boolean

Shows if something is open or closed

invert

Boolean

Activates the inverted surface styling on a component

iconPosition

String

Positions an icon

variant

String

Changes the style of a component

dataTheme

String

Changes the theme

set

String

Identifies a nested component from a collection

size

String

Use T-Shirt sizing to adjust the size

orientation

String

These indicate if a components layout can manually be changed ie. Horizontal, Vertical