Row

Box preset with direction="row" applied automatically. Use it whenever you need a horizontal arrangement, icon + label, avatar + name, stat row, tag chips, etc.

Preview

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

<Row align="center" gap={12} p={16} bg="#f3f4f6" rounded={8}>
  <Avatar />
  <Name />
</Row>

Usage

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

<Row align="center" gap={12}>
  <Avatar />
  <Name />
</Row>

API

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

Example