npm install @leveluptuts/svelte-fitAn extremely simple, no dependency fit text library.
Svelte Kit used and tested
Demo
https://svelte.dev/repl/f249268c09674e1da2400051e7f391ca?version=3.50.0
npm install @leveluptuts/svelte-fit
``
`
#### use:fit
use:fit={{min_size: 12, max_size:100 }}`
| Options | Default |
| -------- | ------- |
| min_size | 12 |
| max_size | 100 |
I'd like to keep this package as tiny as possible, but that doesn't mean I don't want to make it better. Here are some ideas.
- Choose width / both for choosing when to stop growing. width would prevent all whitespace breaks.
- Throttling
- Maybe dynamically add "parent div" from action itself
https://www.leveluptutorials.com
Cutting-edge, focused & high quality video tutorials for web developers and designers
Syntax
Learn Svelte!
A Tasty Treats Podcast for Web Developers. Ft Wes Bos & Scott Tolinski
Thank you!