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

    Interface AssignmentEditorStyles

    Style configuration for the AssignmentEditor component.

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

    import { defaultAssignmentEditorStyles } from '@hiyve/react-assignments';

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

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

    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

    metadataPadding: number

    Metadata panel padding in pixels

    tabBarHeight: number

    Tab bar height 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