How to use the atomic-layout.configure function in atomic-layout
To help you get started, we’ve selected a few atomic-layout examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
kettanaito / atomic-layout / examples / Playground / PeriodExample.jsx View on Github 
import React from 'react'
import Layout, { Composition } from 'atomic-layout'
Layout.configure({})
const templateBox = `
thumbnail
heading
channelName
meta
`
const templateRow = `
thumbnail heading heading
thumbnail channelName meta
thumbnail description description
`
const Video = ({ isBox, title, channelName, views, description }) => (componentWillMount() {
Layout.configure({
defaultUnit: 'rem',
})
}componentWillMount() {
Layout.configure({
defaultUnit: 'rem',
defaultBreakpointName: 'mobile',
breakpoints: {
mobile: {
maxWidth: '575px',
},
tablet: {
minWidth: '576px',
maxWidth: '768px',
},
desktop: {
minWidth: '769px',
},
},
})
}atomic-layout
Physical representation of layout composition to create declarative, responsive layouts in React.
