Skip to main content

css

Adds an extra CSS class to the component root, used to scope style overrides to a single editor or form instance.

Usage​

css?: string;

Default: "".

On Editor, the class is appended to the root alongside the built-in classes (wx-editor wx-inline-form for inline and fullscreen, wx-editor wx-panel for modal and sidebar). On Form, it is appended to the .wx-sections body.

Example​

import { Editor } from "@svar-ui/react-editor";

const items = [{ comp: "text", key: "name", label: "Name" }];
const values = { name: "John Doe" };

export default function App() {
  return <Editor css="task-editor" items={items} values={values} />;
}
.task-editor .wx-message {
  font-weight: 600;
}