diff --git a/packages/richtext-lexical/src/field/features/align/index.ts b/packages/richtext-lexical/src/field/features/align/index.ts index b4bf9e601f..ec25bba4f1 100644 --- a/packages/richtext-lexical/src/field/features/align/index.ts +++ b/packages/richtext-lexical/src/field/features/align/index.ts @@ -56,6 +56,22 @@ export const AlignFeature = (): FeatureProvider => { order: 3, }, ]), + AlignDropdownSectionWithEntries([ + { + ChildComponent: () => + // @ts-expect-error + import('../../lexical/ui/icons/AlignJustify').then( + (module) => module.AlignJustifyIcon, + ), + isActive: () => false, + key: 'align-justify', + label: `Align Justify`, + onClick: ({ editor }) => { + editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, 'justify') + }, + order: 4, + }, + ]), ], }, props: null, diff --git a/packages/richtext-lexical/src/field/lexical/ui/icons/AlignJustify/index.tsx b/packages/richtext-lexical/src/field/lexical/ui/icons/AlignJustify/index.tsx new file mode 100644 index 0000000000..33d055cb75 --- /dev/null +++ b/packages/richtext-lexical/src/field/lexical/ui/icons/AlignJustify/index.tsx @@ -0,0 +1,18 @@ +import React from 'react' + +export const AlignJustifyIcon: React.FC = () => ( + +)