ts-graphviz
    Preparing search index...

    Interface DotJSXElements

    JSX intrinsic elements for dot:* HTML-like elements. These type definitions are automatically available when importing @ts-graphviz/react.

    interface DotJSXElements {
        "dot:b": NoAttributes & { children?: ReactNode };
        "dot:br": BrAttributes;
        "dot:font": {
            color?: string | number;
            face?: string;
            "point-size"?: number;
        } & Insensitive.LowercaseKeys<
            { color?: string
            | number; face?: string; "point-size"?: number },
        > & Insensitive.UppercaseKeys<
            { color?: string
            | number; face?: string; "point-size"?: number },
        > & { children?: ReactNode };
        "dot:hr": HTMLLikeLabel.HrAttributes;
        "dot:i": NoAttributes & { children?: ReactNode };
        "dot:img": ImgAttributes;
        "dot:o": NoAttributes & { children?: ReactNode };
        "dot:port": { children: string };
        "dot:s": NoAttributes & { children?: ReactNode };
        "dot:sub": NoAttributes & { children?: ReactNode };
        "dot:sup": NoAttributes & { children?: ReactNode };
        "dot:table": {
            align?: "CENTER" | "LEFT" | "RIGHT";
            bgcolor?: string | number;
            border?: number;
            cellborder?: number;
            cellPadding?: number;
            cellSpacing?: number;
            color?: string | number;
            columns?: number;
            fixedSize?: true;
            gradientAngle?: number;
            height?: number;
            href?: string;
            id?: string;
            port?: string;
            rows?: number;
            sides?: Side.Combinations;
            style?: Style;
            target?: string;
            title?: string;
            tooltip?: string;
            valign?: "MIDDLE" | "BOTTOM" | "TOP";
            width?: number;
        } & Insensitive.LowercaseKeys<
            {
                align?: "CENTER"
                | "LEFT"
                | "RIGHT";
                bgcolor?: string | number;
                border?: number;
                cellborder?: number;
                cellPadding?: number;
                cellSpacing?: number;
                color?: string | number;
                columns?: number;
                fixedSize?: true;
                gradientAngle?: number;
                height?: number;
                href?: string;
                id?: string;
                port?: string;
                rows?: number;
                sides?: Side.Combinations;
                style?: Style;
                target?: string;
                title?: string;
                tooltip?: string;
                valign?: "MIDDLE" | "BOTTOM" | "TOP";
                width?: number;
            },
        > & Insensitive.UppercaseKeys<
            {
                align?: "CENTER"
                | "LEFT"
                | "RIGHT";
                bgcolor?: string | number;
                border?: number;
                cellborder?: number;
                cellPadding?: number;
                cellSpacing?: number;
                color?: string | number;
                columns?: number;
                fixedSize?: true;
                gradientAngle?: number;
                height?: number;
                href?: string;
                id?: string;
                port?: string;
                rows?: number;
                sides?: Side.Combinations;
                style?: Style;
                target?: string;
                title?: string;
                tooltip?: string;
                valign?: "MIDDLE" | "BOTTOM" | "TOP";
                width?: number;
            },
        > & { children?: ReactNode };
        "dot:td": {
            align?: "CENTER" | "LEFT" | "RIGHT" | "TEXT";
            balign?: "CENTER" | "LEFT" | "RIGHT";
            bgcolor?: string | number;
            border?: number;
            cellPadding?: number;
            cellSpacing?: number;
            color?: string | number;
            colspan?: number;
            fixedSize?: boolean;
            gradientAngle?: number;
            height?: number;
            href?: string;
            id?: string;
            port?: string;
            rowSpan?: number;
            sides?: Side.Combinations;
            style?: Style;
            target?: string;
            title?: string;
            tooltip?: string;
            valign?: "MIDDLE" | "BOTTOM" | "TOP";
            width?: number;
        } & Insensitive.LowercaseKeys<
            {
                align?: "CENTER"
                | "LEFT"
                | "RIGHT"
                | "TEXT";
                balign?: "CENTER" | "LEFT" | "RIGHT";
                bgcolor?: string | number;
                border?: number;
                cellPadding?: number;
                cellSpacing?: number;
                color?: string | number;
                colspan?: number;
                fixedSize?: boolean;
                gradientAngle?: number;
                height?: number;
                href?: string;
                id?: string;
                port?: string;
                rowSpan?: number;
                sides?: Side.Combinations;
                style?: Style;
                target?: string;
                title?: string;
                tooltip?: string;
                valign?: "MIDDLE" | "BOTTOM" | "TOP";
                width?: number;
            },
        > & Insensitive.UppercaseKeys<
            {
                align?: "CENTER"
                | "LEFT"
                | "RIGHT"
                | "TEXT";
                balign?: "CENTER" | "LEFT" | "RIGHT";
                bgcolor?: string | number;
                border?: number;
                cellPadding?: number;
                cellSpacing?: number;
                color?: string | number;
                colspan?: number;
                fixedSize?: boolean;
                gradientAngle?: number;
                height?: number;
                href?: string;
                id?: string;
                port?: string;
                rowSpan?: number;
                sides?: Side.Combinations;
                style?: Style;
                target?: string;
                title?: string;
                tooltip?: string;
                valign?: "MIDDLE" | "BOTTOM" | "TOP";
                width?: number;
            },
        > & { children?: ReactNode };
        "dot:tr": NoAttributes & { children?: ReactNode };
        "dot:u": NoAttributes & { children?: ReactNode };
        "dot:vr": HTMLLikeLabel.VrAttributes;
    }
    Index

    Properties

    "dot:b": NoAttributes & { children?: ReactNode }
    "dot:br": BrAttributes
    "dot:font": { color?: string | number; face?: string; "point-size"?: number } & Insensitive.LowercaseKeys<
        { color?: string
        | number; face?: string; "point-size"?: number },
    > & Insensitive.UppercaseKeys<
        { color?: string
        | number; face?: string; "point-size"?: number },
    > & { children?: ReactNode }
    "dot:hr": HTMLLikeLabel.HrAttributes
    "dot:i": NoAttributes & { children?: ReactNode }
    "dot:img": ImgAttributes
    "dot:o": NoAttributes & { children?: ReactNode }
    "dot:port": { children: string }
    "dot:s": NoAttributes & { children?: ReactNode }
    "dot:sub": NoAttributes & { children?: ReactNode }
    "dot:sup": NoAttributes & { children?: ReactNode }
    "dot:table": {
        align?: "CENTER" | "LEFT" | "RIGHT";
        bgcolor?: string | number;
        border?: number;
        cellborder?: number;
        cellPadding?: number;
        cellSpacing?: number;
        color?: string | number;
        columns?: number;
        fixedSize?: true;
        gradientAngle?: number;
        height?: number;
        href?: string;
        id?: string;
        port?: string;
        rows?: number;
        sides?: Side.Combinations;
        style?: Style;
        target?: string;
        title?: string;
        tooltip?: string;
        valign?: "MIDDLE" | "BOTTOM" | "TOP";
        width?: number;
    } & Insensitive.LowercaseKeys<
        {
            align?: "CENTER"
            | "LEFT"
            | "RIGHT";
            bgcolor?: string | number;
            border?: number;
            cellborder?: number;
            cellPadding?: number;
            cellSpacing?: number;
            color?: string | number;
            columns?: number;
            fixedSize?: true;
            gradientAngle?: number;
            height?: number;
            href?: string;
            id?: string;
            port?: string;
            rows?: number;
            sides?: Side.Combinations;
            style?: Style;
            target?: string;
            title?: string;
            tooltip?: string;
            valign?: "MIDDLE" | "BOTTOM" | "TOP";
            width?: number;
        },
    > & Insensitive.UppercaseKeys<
        {
            align?: "CENTER"
            | "LEFT"
            | "RIGHT";
            bgcolor?: string | number;
            border?: number;
            cellborder?: number;
            cellPadding?: number;
            cellSpacing?: number;
            color?: string | number;
            columns?: number;
            fixedSize?: true;
            gradientAngle?: number;
            height?: number;
            href?: string;
            id?: string;
            port?: string;
            rows?: number;
            sides?: Side.Combinations;
            style?: Style;
            target?: string;
            title?: string;
            tooltip?: string;
            valign?: "MIDDLE" | "BOTTOM" | "TOP";
            width?: number;
        },
    > & { children?: ReactNode }
    "dot:td": {
        align?: "CENTER" | "LEFT" | "RIGHT" | "TEXT";
        balign?: "CENTER" | "LEFT" | "RIGHT";
        bgcolor?: string | number;
        border?: number;
        cellPadding?: number;
        cellSpacing?: number;
        color?: string | number;
        colspan?: number;
        fixedSize?: boolean;
        gradientAngle?: number;
        height?: number;
        href?: string;
        id?: string;
        port?: string;
        rowSpan?: number;
        sides?: Side.Combinations;
        style?: Style;
        target?: string;
        title?: string;
        tooltip?: string;
        valign?: "MIDDLE" | "BOTTOM" | "TOP";
        width?: number;
    } & Insensitive.LowercaseKeys<
        {
            align?: "CENTER"
            | "LEFT"
            | "RIGHT"
            | "TEXT";
            balign?: "CENTER" | "LEFT" | "RIGHT";
            bgcolor?: string | number;
            border?: number;
            cellPadding?: number;
            cellSpacing?: number;
            color?: string | number;
            colspan?: number;
            fixedSize?: boolean;
            gradientAngle?: number;
            height?: number;
            href?: string;
            id?: string;
            port?: string;
            rowSpan?: number;
            sides?: Side.Combinations;
            style?: Style;
            target?: string;
            title?: string;
            tooltip?: string;
            valign?: "MIDDLE" | "BOTTOM" | "TOP";
            width?: number;
        },
    > & Insensitive.UppercaseKeys<
        {
            align?: "CENTER"
            | "LEFT"
            | "RIGHT"
            | "TEXT";
            balign?: "CENTER" | "LEFT" | "RIGHT";
            bgcolor?: string | number;
            border?: number;
            cellPadding?: number;
            cellSpacing?: number;
            color?: string | number;
            colspan?: number;
            fixedSize?: boolean;
            gradientAngle?: number;
            height?: number;
            href?: string;
            id?: string;
            port?: string;
            rowSpan?: number;
            sides?: Side.Combinations;
            style?: Style;
            target?: string;
            title?: string;
            tooltip?: string;
            valign?: "MIDDLE" | "BOTTOM" | "TOP";
            width?: number;
        },
    > & { children?: ReactNode }
    "dot:tr": NoAttributes & { children?: ReactNode }
    "dot:u": NoAttributes & { children?: ReactNode }
    "dot:vr": HTMLLikeLabel.VrAttributes