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

    Interface NoteEditorStyles

    Style configuration for the NoteEditor component.

    Controls spacing, sizing, and visual properties of the editor interface.

    import { defaultNoteEditorStyles } from '@hiyve/react-notes';

    // Compact styles for mobile
    const mobileStyles: Partial<NoteEditorStyles> = {
      toolbarButtonSize: 28,
      editorPadding: 12,
    };

    <NoteEditor styles={mobileStyles} />
    interface NoteEditorStyles {
        blockquoteBorderWidth: number;
        blockquotePaddingLeft: number;
        borderRadius: number;
        codeBorderRadius: number;
        codePadding: string;
        editorFontSize: string;
        editorLineHeight: number;
        editorPadding: number;
        headerPaddingX: number;
        headerPaddingY: number;
        tableBorderWidth: number;
        tableCellPadding: number;
        titleFontSize: string;
        titlePadding: number;
        toolbarButtonRadius: number;
        toolbarButtonSize: number;
        toolbarGap: number;
        toolbarHeight: number;
    }
    Index

    Properties

    blockquoteBorderWidth blockquotePaddingLeft borderRadius codeBorderRadius codePadding editorFontSize editorLineHeight editorPadding headerPaddingX headerPaddingY tableBorderWidth tableCellPadding titleFontSize titlePadding toolbarButtonRadius toolbarButtonSize toolbarGap toolbarHeight

    Properties

    blockquoteBorderWidth: number

    Blockquote border width

    blockquotePaddingLeft: number

    Blockquote padding left

    borderRadius: number

    Container border radius in pixels

    codeBorderRadius: number

    Code border radius

    codePadding: string

    Code padding

    editorFontSize: string

    Editor font size

    editorLineHeight: number

    Editor line height

    editorPadding: number

    Editor padding in pixels

    headerPaddingX: number

    Header horizontal padding in pixels

    headerPaddingY: number

    Header vertical padding in pixels

    tableBorderWidth: number

    Table border width

    tableCellPadding: number

    Table cell padding

    titleFontSize: string

    Title input font size

    titlePadding: number

    Title input padding

    toolbarButtonRadius: number

    Toolbar button border radius

    toolbarButtonSize: number

    Toolbar button size in pixels

    toolbarGap: number

    Toolbar gap between buttons

    toolbarHeight: number

    Toolbar height in pixels

    Settings

    Member Visibility

    On This Page

    Properties