0.0.3-alpha.0 • Published 7 years ago
@origami/zen-button v0.0.3-alpha.0
Button
The button element is a styled button with options of adding an icon, loading state, and size.
Properties
| Prop | Type | Description | Optional | Default |
|---|---|---|---|---|
color | string | ✓ | ||
disabled | true false | ✓ | ||
hollow | true false | ✓ | ||
icon | string false | ✓ | ||
iconright | true false | ✓ | ||
loading | true false | ✓ | ||
renderComplete | reference Promise [object Object] | Returns a promise which resolves after the element next renders. The promise resolves to `true` if the element rendered and `false` if the element did not render. This is useful when users (e.g. tests) need to react to the rendered state of the element after a change is made. This can also be useful in event handlers if it is desireable to wait to send an event until after rendering. If possible implement the `_didRender` method to directly respond to rendering within the rendering lifecycle. | ||
size | string | ✓ |
CSS Properties
| Prop | Description |
|---|---|
--btn-padding | Padding for the button |
--btn-height | Height of the button |
--btn-border-radius | Border radius of the button |
--btn-bg | Background color of the button |