Expand
Meet Expand, your new favorite Angular Material component! 🚀
Tired of long content cluttering your pages? The Expand component solves this by automatically showing or hiding content when it’s too lengthy. With a sleek, Material Design-inspired toggle, users can expand to read more or collapse to keep things tidy.
Key features:
- ✅ Clean & User-Friendly: Keeps your design clean while letting users control what they want to see.
- ✅ Responsive by Design: Works perfectly on any screen size.
- ✅ Simple Integration: Plug and play—just add it to your project, no hassle!
- ✅ Customizable: Easily tweak styles and behaviors to fit your app's needs.
Make your apps smarter and more user-focused with Expand! 👌
Basic Expand
Show button if expanded
Custom button labels
API Reference
emr-expand component - shows and hides blocks with large contents.
Properties for the emr-expand component.
Properties
Events
| Prop | Type | Default |
|---|---|---|
expanded Show/Hide block content | boolean | false |
color Color of a fade | boolean | false |
expandLabel Label of the expand button if block collapsed | string | Show more |
collapseLabel Label of the expand button if block expanded | string | Show less |
showButtonIfExpanded Show button by hover if block is expanded | boolean | false |
height Height of a block | string(px) | – |