ChemPal Documentation - v1.12.0
    Preparing search index...

    Props for MoleculeSpinner.

    • query - The search query to depict. Changing it resolves a new structure.
    • size - Canvas edge length in CSS pixels. Defaults to 128, matching the cube it replaces.
    • spinSeconds - Seconds per revolution. Changing it retimes without rebuilding.
    • atomScale - Multiplier on the uniform atom radius; lower is more stick, less ball.
    • showHydrogens - Draw explicit hydrogens. On by default; the full structure reads better than a bare skeleton.
    • pending - Rendered while the structure is still being resolved, before anything is known. Kept separate from fallback so callers never flash one graphic and then replace it with another.
    • fallback - Rendered only once it is settled that there is nothing to draw: no query, no PubChem match, or no usable WebGL context.
    • onStatusChange - Notified on every lifecycle transition.
    export interface MoleculeSpinnerProps {
    query: string;
    size?: number;
    spinSeconds?: number;
    atomScale?: number;
    showHydrogens?: boolean;
    pending?: ReactNode;
    fallback?: ReactNode;
    onStatusChange?: (status: MoleculeSpinnerStatus) => void;
    }
    interface MoleculeSpinnerProps {
        query: string;
        size?: number;
        spinSeconds?: number;
        atomScale?: number;
        showHydrogens?: boolean;
        pending?: ReactNode;
        fallback?: ReactNode;
        onStatusChange?: (status: MoleculeSpinnerStatus) => void;
    }
    Index

    Properties

    query: string
    size?: number
    spinSeconds?: number
    atomScale?: number
    showHydrogens?: boolean
    pending?: ReactNode
    fallback?: ReactNode
    onStatusChange?: (status: MoleculeSpinnerStatus) => void