Display.js
2 years ago
FlexDirection.js
3 years ago
LayoutCSS.js
3 years ago
LayoutControl.js
3 years ago
ThemeWidth.js
2 years ago
ZIndex.js
3 years ago
editor.scss
3 years ago
Display.js
26 lines
| 1 | import { __ } from '@wordpress/i18n'; |
| 2 | import { SelectControl } from '@wordpress/components'; |
| 3 | import { useCallback } from '@wordpress/element'; |
| 4 | |
| 5 | const Display = function Display( { value, onChange, label } ) { |
| 6 | const onChangeHandler = useCallback( onChange, [ value ] ); |
| 7 | |
| 8 | return ( |
| 9 | <SelectControl |
| 10 | label={ label } |
| 11 | options={ [ |
| 12 | { label: __( 'Default', 'generateblocks' ), value: '' }, |
| 13 | { label: 'Block', value: 'block' }, |
| 14 | { label: 'Inline Block', value: 'inline-block' }, |
| 15 | { label: 'Flex', value: 'flex' }, |
| 16 | { label: 'Inline Flex', value: 'inline-flex' }, |
| 17 | { label: 'Inline', value: 'inline' }, |
| 18 | ] } |
| 19 | value={ value } |
| 20 | onChange={ onChangeHandler } |
| 21 | /> |
| 22 | ); |
| 23 | }; |
| 24 | |
| 25 | export { Display }; |
| 26 |