shelf-ui

Small component library for SolidJS to help speed up the process of building UI's without worrying about styling

Quick start

Install it:

npm i shelf-ui
# or
yarn add shelf-ui
# or
pnpm add shelf-ui

Use it:

import shelf-ui from 'shelf-ui'

// tailwind.config.js
import plugin from 'tailwindcss/plugin'

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './node_modules/shelf-ui/dist/**.*',
    /* your paths here */
  ],
  theme: {
    extend: {},
  },
  plugins: [
    plugin(({ addVariant }) => {
      addVariant('em', ({ container }) => {
        container.walkRules(rule => {
          rule.selector = `.em\\:${rule.selector.slice(1)}`
          rule.walkDecls(decl => {
            decl.value = decl.value.replace('rem', 'em')
          })
        })
      })
    }),
  ],
}