export function FloatingToolbarButtons()

in src/Frontend/src/components/plate-ui/floating-toolbar-buttons.tsx [17:53]


export function FloatingToolbarButtons() {
    const readOnly = useEditorReadOnly();

    return (
        <>
            {!readOnly && (
                <>
                    <TurnIntoDropdownMenu />

                    <MarkToolbarButton nodeType={MARK_BOLD} tooltip='Bold (⌘+B)'>
                        <Icons.bold />
                    </MarkToolbarButton>
                    <MarkToolbarButton nodeType={MARK_ITALIC} tooltip='Italic (⌘+I)'>
                        <Icons.italic />
                    </MarkToolbarButton>
                    <MarkToolbarButton
                        nodeType={MARK_UNDERLINE}
                        tooltip='Underline (⌘+U)'
                    >
                        <Icons.underline />
                    </MarkToolbarButton>
                    <MarkToolbarButton
                        nodeType={MARK_STRIKETHROUGH}
                        tooltip='Strikethrough (⌘+⇧+M)'
                    >
                        <Icons.strikethrough />
                    </MarkToolbarButton>
                    <MarkToolbarButton nodeType={MARK_CODE} tooltip='Code (⌘+E)'>
                        <Icons.code />
                    </MarkToolbarButton>
                </>
            )}

            <MoreDropdownMenu />
        </>
    );
}