0.3.1 • Published 7 years ago
preact-hyperstyler v0.3.1
preact-hyperstyler
Apply CSS Modules in preact-hyperscript.
Install
npm i preact-hyperstyler
Usage
import styler from 'preact-hyperstyler'
import styles from './style.styl'
const h = styler(styles);
export default () => h('div.css-module', ['Hello World!'])
// className from `styles.css-module` will be applied automatically
h
is an alias for createElement
from preact-hyperscript but you may pass your own reviver function:
import {h as reviver} from 'preact'
import styler from 'preact-hyperstyler'
import styles from './style.styl'
const h = styler(styles, {h: reviver});
Also by default (when no reviver is provided) the returned h
also contains all the other hyperscript helpers:
h('div.css-module', ['Hello World!'])
h.div('.css-module', ['Hello World!'])
h.p('.css-module', ['Hello World!'])
...
Options
styler(styles, {...option});
classKey
Uses this key as an attribute on the node to infer the CSS Modules keys to be applied as classnames. By default it's just the "class" attribute, but you can set it to something else like "styleName" (as react-css-modules does)
strict
default (true
when classKey !== 'class'
Throws an error if the specified style name isn't found.
h
[default preact-hyperscript's createElement
with other helpers]
Reviver function