<dy-more>
A component that handles content overflow by providing a "show more" functionality. It's useful for displaying long text content in a compact way while allowing users to expand it to see the full content.
Example
Loading...
<dy-more style=${"width: 300px;"} .maxHeight=${"100px"}> Proident tempor non cillum Lorem. Mollit dolore exercitation ipsum commodo id et culpa proident consectetur. Amet quis mollit Lorem in reprehenderit fugiat minim proident ut. Qui commodo non cillum amet cupidatat voluptate quis ea est. </dy-more>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
maxheight(maxheight) |
Yes | string |
more(more) |
Yes | string |
less(less) |
Yes | string |
expandless(expandless) |
Yes | boolean |
Other
| Type | Value |
|---|---|
| Slot | unnamed |