A small & simple svelte component to render text dynamically using `read more` or `show more` & `read less` or `show less` (similar) labels
npm install svelte-read-more
read more or show more & read less or show less (similar) labels
npm i svelte-read-more
svelte
`
$3
https://user-images.githubusercontent.com/43727167/140058225-27060021-b169-498d-b630-35445894f382.mp4
$3
`svelte
`
$3
https://user-images.githubusercontent.com/43727167/140058495-e05b5dfc-fc03-4d93-8200-2107a25a2393.mp4
$3
`svelte
`
$3
https://user-images.githubusercontent.com/43727167/140058820-519d8a14-be97-4aa7-b30b-1314320f2aa0.mp4
$3
`svelte
`
$3
https://user-images.githubusercontent.com/43727167/140059021-93df210d-7ff0-408a-aa45-0ba77c2a19f8.mp4
$3
| Name | Description | Type | Default value
| -------------- | ---------------- | ---------------- | ---------------- |
| textContent | The text that we want to show dynamically | string | null
| maxChars | The maximum number of characters that we want to show | number | null
| maxWords | The maximum number of words that we want to show | number | null
| readMoreLabel | The label for read more button | string | Read more
| readLessLabel | The label for read less button | string | Read less
| dotDotDot | The ellipsis | string | ...`