Toolbar icons – oik-sb/toolicons

Helps you to document tool icons for a block.
Block toolbar – blocktype
Helps you to document tool icons for a block
Group toolbar – toolgroup
Helps you to document a group of toolicons
Tool icon – toolicon
Helps you to document a single tool icon

Use the Toolbar icons block to display Toolbar icons for WordPress blocks in a variety of formats.

Screenshot

Example

Showing the toolbar for the Paragraph block, with the drop down menu items and More options summarised in a list, followed by the blocks to which the Paragraph block can be transformed.

  • Change text alignmentUse Change text alignment to choose how to align the text.
    • Align text leftUse the Align text left drop-down from the toolbar to align text to the left.
    • Align text centreAlign content centrally.
    • Align text rightUse the Align text right drop-down from the toolbar to align text to the right.
  • BoldUse Bold to mark selected text as bold.
  • ItalicUse Italic to mark selected text as italic.
  • LinkUse Link to create a hyperlink to your highlighted text.
  • More rich text controlsFind more text controls in this dropdown.
    • Inline codeUse inline code feature to format code snippets within your text.
    • Inline imageInsert an inline image.
    • StrikethroughUse Strikethrough to strikethrough the selected text.
    • SubscriptUse Subscript to add subscript to your highlighted text.
    • SuperscriptUse Superscript to add superscript to your highlighted text.
    • Text colourUse Text colour to change the colour of the selected text
  • More optionsDisplay more options
    • Show More SettingsShow the block settings in the sidebar.
    • CopyCopy the block to the clipboard.
    • DuplicateUse Duplicate to create a copy of the block.
    • Insert AfterInsert a new block after the selected block(s).
    • Insert BeforeInsert a new block before the selected block(s).
    • Move To Use Move To to move a block. Up/Down or Left/Right
    • Edit as HTMLEdit the HTML of the block.
    • GroupTransform the selected block(s) into a group.
    • Add to Reusable blocksCreate a Reusable block.
    • Remove blockDelete the block.

Paragraph transforms to:

  • CSS
  • GeSHi
  • Heading
  • List
  • Quote
  • Group
  • Preformatted
  • Pullquote
  • Verse

Notes

  • The styling of the toolbar may not exactly match what the user sees in the editor.
  • Known differences are:
    • Currently selected tools are not shown as selected.
    • The style for disabled items is not used.
    • Width and height of some tool icons may not be the same
    • The borders for some icons may be different.
    • In the real editor some tools may be transient.
    • Some tools have toggling labels depending upon content. We only show the initial value.