@mantine/tiptap
Version:
Rich text editor based on tiptap
28 lines (27 loc) • 1.09 kB
JavaScript
"use client";
import RichTextEditor_module_default from "../RichTextEditor.module.mjs";
import { useRichTextEditorContext } from "../RichTextEditor.context.mjs";
import { Box, factory, rem, useProps } from "@mantine/core";
import { jsx } from "react/jsx-runtime";
//#region packages/@mantine/tiptap/src/RichTextEditorToolbar/RichTextEditorToolbar.tsx
const RichTextEditorToolbar = factory((_props) => {
const { classNames, className, style, styles, vars, sticky, stickyOffset, mod, variant, ...others } = useProps("RichTextEditorToolbar", null, _props);
const ctx = useRichTextEditorContext();
return /* @__PURE__ */ jsx(Box, {
mod: [{ sticky }, mod],
variant: variant || ctx.variant,
...ctx.getStyles("toolbar", {
className,
style,
styles,
classNames
}),
...others,
__vars: { "--rte-sticky-offset": rem(stickyOffset) }
});
});
RichTextEditorToolbar.classes = RichTextEditor_module_default;
RichTextEditorToolbar.displayName = "@mantine/tiptap/RichTextEditorToolbar";
//#endregion
export { RichTextEditorToolbar };
//# sourceMappingURL=RichTextEditorToolbar.mjs.map