@mantine/tiptap
Version:
Rich text editor based on tiptap
29 lines (28 loc) • 1.3 kB
JavaScript
"use client";
require("../_virtual/_rolldown/runtime.cjs");
const require_RichTextEditor_module = require("../RichTextEditor.module.cjs");
const require_RichTextEditor_context = require("../RichTextEditor.context.cjs");
let _mantine_core = require("@mantine/core");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/tiptap/src/RichTextEditorToolbar/RichTextEditorToolbar.tsx
const RichTextEditorToolbar = (0, _mantine_core.factory)((_props) => {
const { classNames, className, style, styles, vars, sticky, stickyOffset, mod, variant, ...others } = (0, _mantine_core.useProps)("RichTextEditorToolbar", null, _props);
const ctx = require_RichTextEditor_context.useRichTextEditorContext();
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mantine_core.Box, {
mod: [{ sticky }, mod],
variant: variant || ctx.variant,
...ctx.getStyles("toolbar", {
className,
style,
styles,
classNames
}),
...others,
__vars: { "--rte-sticky-offset": (0, _mantine_core.rem)(stickyOffset) }
});
});
RichTextEditorToolbar.classes = require_RichTextEditor_module.default;
RichTextEditorToolbar.displayName = "@mantine/tiptap/RichTextEditorToolbar";
//#endregion
exports.RichTextEditorToolbar = RichTextEditorToolbar;
//# sourceMappingURL=RichTextEditorToolbar.cjs.map