Introduction

Let's discover use-grid in less than 5 minutes.

Installation

To install the entire use-grid lib:

yarn add use-grid

Getting Started

git clone https://github.com/tseijp/use-grid

Run the development server:

cd use-grid

yarn init

yarn docs

Your site starts at http://localhost:3000.

Simple example

function App () { const [fontSize, set] = useGrid({xs: '1rem', md: '50px', lg: '100px'}) const handleClick = () => set(p => ({...p, md: p.lg, lg: p.md})) return <div style={{fontSize}} onClick={handleClick}>🤏 use-grid</div> }

function App () {
  const [fontSize, set] = useGrid({xs: '1rem', md: '50px', lg: '100px'})
  const handleClick = () => set(p => ({...p, md: p.lg, lg: p.md}))
  return <div style={{fontSize}} onClick={handleClick}>🤏 use-grid</div>
}

🤏 use-grid