🎉 Keadex Mina v2 is now available!

Home > @keadex/c4-model-ui-kit > BOX

BOX variable

Signature:

BOX: {
    COLORS: {
        BG_COLOR_SOFTWARE_SYSTEM_PERSON: string;
        BG_COLOR_CONTAINER: string;
        BG_COLOR_COMPONENT: string;
        BG_COLOR_SOFTWARE_SYSTEM_PERSON_EXT: string;
        BG_COLOR_CONTAINER_EXT: string;
        BG_COLOR_COMPONENT_EXT: string;
        BG_COLOR_BOUNDARY: string;
        BG_COLOR_DEPLOYMENT_NODE: string;
        BORDER_COLOR_SOFTWARE_SYSTEM_PERSON: string;
        BORDER_COLOR_CONTAINER: string;
        BORDER_COLOR_COMPONENT: string;
        BORDER_COLOR_SOFTWARE_SYSTEM_PERSON_EXT: string;
        BORDER_COLOR_CONTAINER_EXT: string;
        BORDER_COLOR_COMPONENT_EXT: string;
        BORDER_COLOR_BOUNDARY: string;
        BORDER_COLOR_DEPLOYMENT_NODE: string;
        TEXT_COLOR_SOFTWARE_SYSTEM_PERSON: string;
        TEXT_COLOR_CONTAINER: string;
        TEXT_COLOR_COMPONENT: string;
        TEXT_COLOR_SOFTWARE_SYSTEM_PERSON_EXT: string;
        TEXT_COLOR_CONTAINER_EXT: string;
        TEXT_COLOR_COMPONENT_EXT: string;
        TEXT_COLOR_BOUNDARY: string;
        TEXT_COLOR_DEPLOYMENT_NODE: string;
    };
    SIZES: {
        WIDTH: number;
        MIN_HEIGHT: number;
        PADDING_BOTTOM: number;
        BORDER_RADIUS: number;
        TOP_LABEL: number;
        TOP_TAGS: number;
        TOP_TYPE_TECHNOLOGY: number;
        TOP_DESCRIPTION: number;
        PADDING_Y_DESCRIPTION: number;
    };
    FONT: {
        SIZE: number;
        SIZE_TAG: number;
        SIZE_TYPE_TECHNOLOGY: number;
        SIZE_DESCRIPTION: number;
    };
}
Keadex logo
Keadex ©2025. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.