{"repo":"ganapativs/react-spectrum","free":true,"listed":false,"github":"https://github.com/ganapativs/react-spectrum","clone":"git clone https://github.com/ganapativs/react-spectrum.git","description":"Generate colorful text placeholders 🎨","language":"TypeScript","stars":318,"topics":["placeholder","react","library","colorful","rollup","spectrum","codesandbox","illustration","generated","text"],"license":"MIT","category":"ui-components","readme_excerpt":"React Spectrum A tiny( around 1.3kb gzip ) React library to generate colorful text placeholders 🎨 Inspired by this code illustration on CodeSandbox homepage 🙏 Try out the generator at react-spectrum.netlify.app 🎊 Also, check out @BotSpectrum twitter bot that tweets randomly generated colorful text placeholders for inspiration 🎊 Demo - Basic - Advanced - Animating using CSS Table of Contents - Install - Usage - Props - Contribute - License Install NPM Yarn UMD build Usage Props Property Type Default Description ------------------- --------------- ----------------------------------------------------- ----------------------------------------------------------------------------------------------------------- width number 500 Width of the placeholder container colors Array ['#eee'] Possible colors of words, will be picked randomly wordWidths Array [30, 60, 90, 120, 150] Possible widths of words, will be picked randomly wordDistances Array [4, 8, 12] Possible distance between words, will be picked randomly wordHeight number 12 Height of every word placeholder wordRadius number 20 Border radius of every word lineDistance number 12 Distance(margin) between the lines linesPerParagraph number 8 Lines per paragraph. if there are multiple paragraphs, all of them will have same number of lines paragraphs number 1 Number of paragraphs in the placeholder paragraphDistance number 24 Distance(margin) between the paragraphs truncateLastLine boolean true Show less words in the last line for","default_branch":null,"files":null,"tree":[],"storefront":"/r/ganapativs","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/ganapativs/react-spectrum/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}