Editor toolbar

Detailed documentation will be provided soon. For now, please have a look into the storybook for implementation details.

BoldItalicUnderlined
Example button
<React.Fragment>
  <EditorToolbar
      style={{ justifyContent: 'space-between' }}
    >
      <div>
        <EditorToolbarButton
          icon="FormatBold"
          tooltip="Bold"
          label="Bold"
          isActive={false}
        />
        <EditorToolbarButton
          icon="FormatItalic"
          tooltip="Italic"
          label="Italic"
          isActive={false}
        />
        <EditorToolbarButton
          icon="FormatUnderlined"
          tooltip="Underlined"
          label="Underlined"
          isActive={false}
        />
      </div>
      <div>
        <Button size="small" buttonType="muted">
          Example button
        </Button>
      </div>
    </EditorToolbar>
</React.Fragment>
<React.Fragment>
  <EditorToolbar
      style={{ justifyContent: 'space-between' }}
    >
      <div>
        <EditorToolbarButton
          icon="FormatBold"
          tooltip="Bold"
          label="Bold"
          isActive={false}
        />
        <EditorToolbarButton
          icon="FormatItalic"
          tooltip="Italic"
          label="Italic"
          isActive={false}
        />
        <EditorToolbarButton
          icon="FormatUnderlined"
          tooltip="Underlined"
          label="Underlined"
          isActive={false}
        />
      </div>
      <div>
        <Button size="small" buttonType="muted">
          Example button
        </Button>
      </div>
    </EditorToolbar>
</React.Fragment>
Hide source