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 component's layout can be manually changed, ie Horizontal, Vertical |
Component library differences
The web and React Native component libraries were created at different times. The props and naming conventions vary in some places.
The React Native component library uses parts of another framework. This framework dictates naming conventions that cannot be changed.