Skip to Content
🎉 Keadex Mina v3 is now available!
C4 Model UI KitAPIC4 Model UI Kit.box

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 ©2026. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.
Privacy Policy  |  Terms & Conditions