Center

Box preset with align="center" and justify="center" applied automatically. Perfect for loading states, empty states, icon containers, and anything that needs to be centred inside its parent.

Preview

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

<Center w={160} h={100} bg="#f3f4f6" rounded={8}>
  <Spinner />
</Center>

Usage

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

<Center flex={1}>
  <Spinner />
</Center>

API

Accepts all Box props. The align and justify props are fixed and cannot be overridden.

Example