Wind Boxes Core

Introduction

Wind Boxes is a tool for parse css module string for styles.

Examples

https://github.com/windboxes/examples

core function - parseStyle

// jsx example

import parseStyle from '@windboxes/core';
// you can import any css module
import tailwindCSSModule from 'tailwind.module.css';


// create a styled function for inject css module class names and parse
const styled = (styles) => {
  return parseStyle(styles, tailwindCSSModule);
}


// ......
const boxClasses = styled('block h-min bg-gray-200 p-3 mt-10 rounded-md');

<div className={boxClasses}></div>

// result, If you can, you can customize the class name to give random string
<div class="jHR Jbf NHo sUK _9Zt rHK"></div>

React

Testing styled components module, This is a weird implementation, have't complete:

You can try @windboxes/react