Hiyve Components - v1.0.0
    Preparing search index...

    Interface NoteEditorIcons

    Custom icons for the NoteEditor component.

    All icons in the NoteEditor can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.

    import { FaBold, FaItalic } from 'react-icons/fa';

    const customIcons: Partial<NoteEditorIcons> = {
    bold: <FaBold />,
    italic: <FaItalic />,
    };

    <NoteEditor icons={customIcons} />
    interface NoteEditorIcons {
        addColumn: ReactNode;
        addRow: ReactNode;
        blockquote: ReactNode;
        bold: ReactNode;
        bulletList: ReactNode;
        code: ReactNode;
        deleteColumn: ReactNode;
        deleteRow: ReactNode;
        deleteTable: ReactNode;
        exportPdf: ReactNode;
        heading1: ReactNode;
        heading2: ReactNode;
        heading3: ReactNode;
        highlight: ReactNode;
        horizontalRule: ReactNode;
        italic: ReactNode;
        notes: ReactNode;
        numberedList: ReactNode;
        paragraph: ReactNode;
        redo: ReactNode;
        save: ReactNode;
        strikethrough: ReactNode;
        table: ReactNode;
        taskList: ReactNode;
        textColor: ReactNode;
        undo: ReactNode;
    }
    Index

    Properties

    addColumn: ReactNode

    Add column icon

    addRow: ReactNode

    Add row icon

    blockquote: ReactNode

    Blockquote icon

    bold: ReactNode

    Bold formatting icon

    bulletList: ReactNode

    Bullet list icon

    code: ReactNode

    Code formatting icon

    deleteColumn: ReactNode

    Delete column icon

    deleteRow: ReactNode

    Delete row icon

    deleteTable: ReactNode

    Delete table icon

    exportPdf: ReactNode

    Export PDF icon

    heading1: ReactNode

    Heading 1 icon

    heading2: ReactNode

    Heading 2 icon

    heading3: ReactNode

    Heading 3 icon

    highlight: ReactNode

    Highlight formatting icon

    horizontalRule: ReactNode

    Horizontal rule icon

    italic: ReactNode

    Italic formatting icon

    notes: ReactNode

    Notes header icon

    numberedList: ReactNode

    Numbered list icon

    paragraph: ReactNode

    Paragraph icon

    redo: ReactNode

    Redo icon

    save: ReactNode

    Save icon

    strikethrough: ReactNode

    Strikethrough formatting icon

    table: ReactNode

    Table icon

    taskList: ReactNode

    Task list icon

    textColor: ReactNode

    Text color icon

    undo: ReactNode

    Undo icon