Col

Box preset with direction="column" applied automatically. Use it for vertical stacks, form fields, card content, list items, settings rows, notification feeds.

Preview

import { Col } from '@devraj-labs/vajra-ui-core';

<Col gap={8} p={16} bg="#f3f4f6" rounded={8}>
  <Title />
  <Subtitle />
</Col>

Usage

import { Col } from '@devraj-labs/vajra-ui-core';

<Col gap={8} p={16}>
  <Title />
  <Subtitle />
</Col>

API

Accepts all Box props. The direction prop is fixed to "column" and cannot be overridden.

Example