css-class-generator
Maps a given index to a unique valid CSS. Uses the smallest class names possible, with lower indices having smaller class names.
npm install --save css-class-generator
API
cssClassGenerator(index, prefix = '')
-> string
Class names are not random - a given index will always return the same class name.
Class names are generated without a leading .
.
The prefix option gives more optimal class names than prefix + cssClassGenerator(index)
. It never returns the prefix alone - it's always appended with something. In development, it will console.warn
if prefix is not a valid class name (unless the prefix is -
).
Be careful for high values (2 ** 30
and above), as JavaScript integer vs float quirks can happen.
Example
const cssClassGenerator = require("css-class-generator");
cssClassGenerator(0);
cssClassGenerator(1);
cssClassGenerator(52);
cssClassGenerator(53);
cssClassGenerator(10000);
cssClassGenerator(1e9);
cssClassGenerator(0, "hello");
cssClassGenerator(1, "hello");