Adjust alignment-toolbar so that we disable the left, middle & right alignment options as needed

[gubbigubbi]

Issue Overview

There will be blocks which will only require the full/wide width options and wouldnt need the left, right, centre alignment options. For example I have made a 'section' block which wraps other blocks similar to rows in page builder plugins.

It looks like the alignment options are constants in the block-alignment component:
const ALIGNMENT_CONTROLS = [ { icon: 'editor-alignleft', title: __( 'Align left' ), align: 'left', }, { icon: 'editor-aligncenter', title: __( 'Align center' ), align: 'center', }, { icon: 'editor-alignright', title: __( 'Align right' ), align: 'right', }, ];

Possible Solution

It would be cool if when defining the you could specifiy which alignment constants could shown. Something like:

``
<BlockAligmnentToolbar allowedControls = array['left'] />

``

I am happy to help with expanding the documentation on this feature.

[youknowriad]

Ther's a prop "controls" you can use to do that

<BlockAligmnentToolbar controls={['left']} />

[gziolo]

It is also available to specify the list of alignment controls when registering your block as described here: https://github.com/WordPress/gutenberg/blob/a3ceee55afbe0200a1567945e14de6f3b3f14f61/docs/block-api.md#supports-optional. This update to documentation should land in the master together with the changes included in #5099.

registerBlockType( 'my-block', {
    supports: {
        align: [ 'left' ],
    },
    // ... rest of your definitions 
} );

If you use this option you don't need to manually include <BlockAligmnentToolbar controls={['left']} /> in your code. The editor will handle it for you.

[gubbigubbi]

Ah great maybe we should add that to the docs under that component? I would be happy to help.

…

On 22 Feb 2018 17:42, "Riad Benguella" ***@***.***> wrote: Ther's a prop "controls" you can use to do that <BlockAligmnentToolbar controls={['left']} /> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#5195 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/APWFYakCoYjcMqcSDl7X8K7RzokGqf4Rks5tXRpNgaJpZM4SOvHS> .

[gziolo]

Good idea to include it there, too. If you would open a PR, that would be awesome 👍

[gubbigubbi]

Cheers will do this weekend :)