Usage
The patterns every component follows. Once you know them, you can predict how a new component works.
Set emphasis with appearance
The appearance prop sets how much a component stands out. There is no numeric scale.
Boolean prop names
Boolean props start with is: isDisabled, isSelected, isInvalid, isRequired. There is no plain disabled or invalid.
Labels go in children
Put the text between the tags. Use a prop only when the text is not visible, such as an icon button's label.
<Button appearance="primary">Save changes</Button>
<IconButton icon={<Plus />} label="Create" />Parts of a field
A field has a label, a control and a message. Field sets the spacing between them.
Choosing a message
Choose the component by where the message appears. Then choose the appearance by the kind of message.