react-daisyui
react-daisyui copied to clipboard
Add defaultOpen prop to Collapse for initial open state control.
Changes:
- Added defaultOpen prop to CollapseProps type with default value of false
- Added new DefaultOpen story to demonstrate the functionality
- Added tests to verify defaultOpen behavior and its interaction with the open prop
This PR adds the suggested behaviour of collapse, as proposed by @itaiperi, and it closes the issue #471
Example usage:
<Collapse defaultOpen>
<Collapse.Title>I start open</Collapse.Title>
<Collapse.Content>Visible by default</Collapse.Content>
</Collapse>
Deploy Preview for react-daisyui processing.
| Name | Link |
|---|---|
| Latest commit | 4b815c6e61cb941ab2f7ddbf40213bdb56ba2140 |
| Latest deploy log | https://app.netlify.com/sites/react-daisyui/deploys/6805052e558d5e0008dfa6b6 |
Deploy Preview for react-daisyui processing.
| Name | Link |
|---|---|
| Latest commit | 4b815c6e61cb941ab2f7ddbf40213bdb56ba2140 |
| Latest deploy log | https://app.netlify.com/sites/react-daisyui/deploys/6805052e558d5e0008dfa6b6 |
Deploy Preview for react-daisyui ready!
| Name | Link |
|---|---|
| Latest commit | 4b815c6e61cb941ab2f7ddbf40213bdb56ba2140 |
| Latest deploy log | https://app.netlify.com/sites/react-daisyui/deploys/6805052e558d5e0008dfa6b6 |
| Deploy Preview | https://deploy-preview-474--react-daisyui.netlify.app |
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link. |
To edit notification comments on pull requests, go to your Netlify site configuration.
@benjitrosch Want to take a look?