Skip to content
Snippets Groups Projects

Main

Closed Eryk Mika requested to merge main into just_for_review

Files

+ 40
0
import {Button} from "@wordpress/components";
+2
function AlignButtons(props) {
const {label, onChange} = props;
const handleChange = function (newAlignment) {
if (onChange) {
onChange(newAlignment);
}
}
return (
<div className='fi-field-wrapper'>
<div className='fi-field-label-wrapper'>
<span className='fi-field-label'>{label}</span>
</div>
<div className='fi-field-buttons-wrapper fi-alignbuttons-wrapper'>
<Button
icon="editor-alignleft"
className="has-dashicons"
onClick={() => handleChange('left')}
/>
<Button
icon="editor-aligncenter"
className="has-dashicons"
onClick={() => handleChange('center')}
/>
<Button
icon="editor-alignright"
className="has-dashicons"
onClick={() => handleChange('right')}
/>
</div>
</div>
);
}
export default AlignButtons;
Loading