A disclose button indicates collapsed content and expands when clicked.
Example
⌘ Cmd + ⌥ Option + 1
Properties
| property | propType | required | default | description |
|---|---|---|---|---|
| indented | bool | - | true | |
| children | node | yes | - | |
| childrenStyle | string | - | - | |
| headerStyle | string | - | - | |
| isOpen | bool | - | - | |
| noBorder | bool | - | - | |
| title | string | yes | - | |
| toggle | func | - | - |
Usage
Use disclose when you want keep options or long-form content accessible but not in direct view. This is a good pattern to rely on when users may need to access something but it's not their primary focus.
Best Practices
Do
Hide non-essential content away from direct view but still accessible when needed
Don't
Use only for non-essential content, error messages or other critical info should always be visible in direct view