Skip to main content

options

🤏 use-grid‌ offers options to configure the grid.

Grid options#

OptionDefault Value
init``
none``
onView``
config``
viewConfig..
mediaConfig..
prefix..

View options#

OptionDefault ValueDescription
oncefalse..
onViewnull..
timeout0..
defaultViewtrue..

Media options#

OptionDefault ValueDescription
size....
width0..
widthRefnull..
mediaTypenull..
media''..
mathesfalse..
onchange()=>{}..
addListener()=>{}..
removeListener()=>{}..
addEventListener()=>{}..
removeEventListener()=>{}..
dispatchEvent()=>true..

options explained#

const [fontSize, set] = useGrid(props, ref, config)
return <div style={{fontSize}}>🤏 use-grid</div>