How to use the draftail.BLOCK_TYPE.HEADER_THREE function in draftail

To help you get started, we’ve selected a few draftail examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

mirumee / saleor / saleor / static / dashboard-next / components / RichTextEditor / RichTextEditor.tsx View on Github

}
          onSave={value =&gt;
            onChange({
              target: {
                name,
                value
              }
            } as any)
          }
          blockTypes={[
            {
              icon: ,
              type: BLOCK_TYPE.HEADER_ONE
            },
            { icon: , type: BLOCK_TYPE.HEADER_TWO },
            { icon: , type: BLOCK_TYPE.HEADER_THREE },
            { icon: , type: BLOCK_TYPE.BLOCKQUOTE },
            {
              icon: ,
              type: BLOCK_TYPE.UNORDERED_LIST_ITEM
            },
            { icon: , type: BLOCK_TYPE.ORDERED_LIST_ITEM }
          ]}
          inlineStyles={[
            {
              icon: ,
              type: INLINE_STYLE.BOLD
            },
            {
              icon: ,
              type: INLINE_STYLE.ITALIC
            },

medialab / website / admin / src / components / Editor.js View on Github

<div>
        }}
          rawContentState={content ? htmlToRaw(content) : null}
          stripPastedStyles={false}
          onSave={this.handleOnSave}
          entityTypes={[
            LINK,
            IMAGE,
            IFRAME
          ]}
          blockTypes={[
            {type: BLOCK_TYPE.HEADER_ONE, icon: h1},
            {type: BLOCK_TYPE.HEADER_TWO, icon: h2},
            {type: BLOCK_TYPE.HEADER_THREE, icon: h3},
            {type: BLOCK_TYPE.BLOCKQUOTE, icon: },
            {type: BLOCK_TYPE.UNORDERED_LIST_ITEM, icon: },
            {type: BLOCK_TYPE.ORDERED_LIST_ITEM, icon: },
            {type: BLOCK_TYPE.CODE, icon: }
          ]}
          inlineStyles={[
            {type: INLINE_STYLE.ITALIC, icon: },
            {type: INLINE_STYLE.BOLD, icon: }
          ]} /&gt;
      </div>
    );
  }
}

mirumee / saleor-dashboard / src / components / RichTextEditor / RichTextEditor.tsx View on Github

{label}
        
         0 ? initial : null
          }
          onSave={value =&gt; handleSave(value, initial, name, onChange)}
          blockTypes={[
            {
              icon: ,
              type: BLOCK_TYPE.HEADER_ONE
            },
            { icon: , type: BLOCK_TYPE.HEADER_TWO },
            { icon: , type: BLOCK_TYPE.HEADER_THREE },
            { icon: , type: BLOCK_TYPE.BLOCKQUOTE },
            {
              icon: ,
              type: BLOCK_TYPE.UNORDERED_LIST_ITEM
            },
            { icon: , type: BLOCK_TYPE.ORDERED_LIST_ITEM }
          ]}
          inlineStyles={[
            {
              icon: ,
              type: INLINE_STYLE.BOLD
            },
            {
              icon: ,
              type: INLINE_STYLE.ITALIC
            },

How to use the draftail.BLOCK_TYPE.HEADER_THREE function in draftail

To help you get started, we’ve selected a few draftail examples, based on popular ways it is used in public projects.

draftail

Package Health Score

Popular draftail functions

Similar packages