Popovers are initiated with a click and enable users to reveal contextual information about a feature or element.
Example
⌘ Cmd + ⌥ Option + 1
Properties
"Button" Component
| property | propType | required | default | description |
|---|---|---|---|---|
| isSubmit | bool | - | false | Make the button act as a submit button |
| isDisabled | bool | - | false | Prevent users from interacting with the button |
| width | oneOf 'default' | 'full' | - | 'default' | Various height and width options |
| isLink | bool | - | false | Changes the button to a div for insertion within a Link component |
| onBlur | func | - | () => {} | Function that fires when the button loses focus |
| onClick | func | - | () => {} | Function that fires when the button is clicked on |
| onMouseDown | func | - | () => {} | Function that fires when the button is mouse downed |
| ariaLabel | string | - | - | Describes buttons that have an icon but no text |
| children | node | yes | - | Text within the button |
| isActive | bool | - | - | Render button with active state |
| size | oneOf 'tiny' | 'small' | 'large' | 'narrow' | 'tight' | - | - | Various height and width options |
| style | oneOf 'highlight' | 'danger' | 'danger-outline' | 'outline' | 'outline-reverse' | 'plain' | 'toggle' | 'underline' | 'unstyled' | - | - | Various color options |
| testSection | string | - | - | Hook for automated JavaScript tests |