Card Collapsible
Card collapsible is designed to organize related content in a space-efficient way. It allows users to expand or collapse sections.
- Product
- Provet
- Availability
- New Frontend
Usage
This section includes guidelines for designers and developers about the usage of this pattern in different contexts.
Do
- Use it when users need to view multiple sections simultaneously.
- Use it to streamline pages and minimize scrolling, especially for non-essential content that doesn’t require immediate interaction.
Don’t
- Avoid using collapses when users need to switch quickly between sections, as it may push other content down.
- Avoid nesting collapses, as multiple layers of hidden content can create a tedious and frustrating user experience.
Integration
This community asset is currently only available to use in the New Frontend for Provet.
Troubleshooting
If you experience any issues while using this community asset, please ask for support in the #vet-frontend Slack channel.