UI Components
States
If we are creating new content component and extends Component from substance we are getting state handling right out of the box. The different states we have more general, selected and focused. With this we can render different content and style based of that. A good example of component are the Image component in the content area.
Components styles
We have introduced kebab casing (primary-small-disabled) naming convention for the latest of our components for give the component different styles. In that way it's easy to add and remove styles without extending the component props list and keep it more slim and readable.
See more example for UIButton and UIChip below.
UIButton
For technical implementation see UI Components: UIButton
Type (Optional)
To give the UIButton different style you should use the property type. You can provide different style with just applying different style with a "-". It doesn't matter in which order it's applied. Default: primary
Different styles
Examples
Size (Optional)
You also have the property size that can determines different style to the button
UIChip
For technical implementation see Components: UIChip (should be a link later)
Examples
Last updated