Skip to content

Vizel API / react/src / VizelToolbar

Function: VizelToolbar()

ts
function VizelToolbar(__namedParameters): Element | null;

Defined in: packages/react/src/components/VizelToolbar.tsx:36

Fixed toolbar component for the Vizel editor. Displays formatting buttons above the editor content area.

Parameters

ParameterType
__namedParametersVizelToolbarProps

Returns

Element | null

Example

tsx
// Default toolbar with all formatting buttons
<VizelToolbar editor={editor} />

// Custom toolbar content
<VizelToolbar editor={editor}>
  <VizelToolbarButton onClick={() => editor.chain().focus().toggleBold().run()}>
    <strong>B</strong>
  </VizelToolbarButton>
</VizelToolbar>

Released under the MIT License.