Home > @uniformdev/design-system > useRichTextToolbarState

useRichTextToolbarState() function

Signature:

useRichTextToolbarState: ({ config }: UseRichTextToolbarStateProps) => {
    activeFormats: _uniformdev_richtext.RichTextBuiltInFormat[];
    setActiveFormats: React$1.Dispatch<React$1.SetStateAction<_uniformdev_richtext.RichTextBuiltInFormat[]>>;
    activeElement: "paragraph" | RichTextBuiltInElement;
    setActiveElement: React$1.Dispatch<React$1.SetStateAction<"paragraph" | RichTextBuiltInElement>>;
    visibleFormatsWithIcon: {
        label: string;
        type: _uniformdev_richtext.RichTextBuiltInFormat;
    }[];
    visibleFormatsWithoutIcon: {
        label: string;
        type: _uniformdev_richtext.RichTextBuiltInFormat;
    }[];
    visibleTextualElements: {
        label: string;
        type: RichTextBuiltInElement;
    }[];
    isLink: boolean;
    setIsLink: React$1.Dispatch<React$1.SetStateAction<boolean>>;
    linkElementVisible: boolean;
    visibleLists: Set<string>;
    quoteElementVisible: boolean;
    codeElementVisible: boolean;
    tableElementVisible: boolean;
    assetElementVisible: boolean;
    visibleElementsWithIcons: Set<string>;
    visibleInsertElementsWithIcons: Set<string>;
}

Parameters

ParameterTypeDescription
{ config }UseRichTextToolbarStateProps

Returns:

{ activeFormats: _uniformdev_richtext.RichTextBuiltInFormat; }[]; isLink: boolean; setIsLink: React$1.Dispatch<React$1.SetStateAction<boolean>>; linkElementVisible: boolean; visibleLists: Set<string>; quoteElementVisible: boolean; codeElementVisible: boolean; tableElementVisible: boolean; assetElementVisible: boolean; visibleElementsWithIcons: Set<string>; visibleInsertElementsWithIcons: Set<string>; }