generateblocks
/
src
/
extend
/
inspector-control
/
controls
/
spacing
/
components
/
device-controls.js
generateblocks
/
src
/
extend
/
inspector-control
/
controls
/
spacing
/
components
Last commit date
SpacingCSS.js
2 years ago
device-controls.js
3 years ago
fill-horizontal-space.js
3 years ago
inline-width.js
3 years ago
stack-vertically.js
3 years ago
z-index.js
3 years ago
device-controls.js
26 lines
| 1 | import { useContext } from '@wordpress/element'; |
| 2 | import ControlsContext from '../../../../../block-context'; |
| 3 | import InlineWidth from './inline-width'; |
| 4 | import StackVertically from './stack-vertically'; |
| 5 | import FillHorizontalSpace from './fill-horizontal-space'; |
| 6 | |
| 7 | export default function DeviceControls( props ) { |
| 8 | const { supports: { spacing } } = useContext( ControlsContext ); |
| 9 | const { |
| 10 | inlineWidth, |
| 11 | onChangeInlineWidth, |
| 12 | stack, |
| 13 | onChangeStack, |
| 14 | fill, |
| 15 | onFillChange, |
| 16 | } = props; |
| 17 | |
| 18 | return ( |
| 19 | <> |
| 20 | { spacing.inlineWidth && <InlineWidth checked={ inlineWidth } onChange={ onChangeInlineWidth } /> } |
| 21 | { spacing.stackVertically && <StackVertically checked={ stack } onChange={ onChangeStack } /> } |
| 22 | { spacing.fillHorizontalSpace && <FillHorizontalSpace checked={ fill } onChange={ onFillChange } /> } |
| 23 | </> |
| 24 | ); |
| 25 | } |
| 26 |