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

    Interface QAPanelStyles

    Style configuration for the QAPanel component.

    Controls spacing, sizing, and visual properties of the Q&A interface.

    import { defaultQAPanelStyles } from '@hiyve/react-collaboration';

    // Compact styles for mobile
    const mobileStyles: Partial<QAPanelStyles> = {
      avatarSize: 28,
      questionPadding: 12,
      questionGap: 8,
    };

    <QAPanel styles={mobileStyles} />
    interface QAPanelStyles {
        answerBorderRadius: number;
        answerPadding: number;
        avatarFontSize: string;
        avatarSize: number;
        borderRadius: number;
        headerPaddingX: number;
        headerPaddingY: number;
        inputBorderRadius: number;
        inputPadding: number;
        pinnedBorderWidth: number;
        questionBorderRadius: number;
        questionGap: number;
        questionPadding: number;
        timestampFontSize: string;
    }
    Index

    Properties

    answerBorderRadius answerPadding avatarFontSize avatarSize borderRadius headerPaddingX headerPaddingY inputBorderRadius inputPadding pinnedBorderWidth questionBorderRadius questionGap questionPadding timestampFontSize

    Properties

    answerBorderRadius: number

    Answer section border radius

    answerPadding: number

    Answer section padding

    avatarFontSize: string

    Avatar font size

    avatarSize: number

    Avatar size in pixels

    borderRadius: number

    Container border radius in pixels

    headerPaddingX: number

    Header horizontal padding in pixels

    headerPaddingY: number

    Header vertical padding in pixels

    inputBorderRadius: number

    Input field border radius in pixels

    inputPadding: number

    Input area padding in pixels

    pinnedBorderWidth: number

    Pinned question border width

    questionBorderRadius: number

    Question card border radius in pixels

    questionGap: number

    Gap between questions in pixels

    questionPadding: number

    Question card padding in pixels

    timestampFontSize: string

    Timestamp font size

    Settings

    Member Visibility

    On This Page

    Properties