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
Parameter | Type | Description |
---|---|---|
{ 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>; }