Primitives

Primitives is a component library focused on enhancing the developer's experience to create user interfaces quickly and easily.

To get started with Primitives, you can install the package using your preferred package manager. Follow these steps:

pnpm add @design-blocks/primitives@beta

Usage

The @design-blocks/primitives package includes the following components:

jsx

import { Box, Stack, XStack, YStack, Text } from "@design-blocks/primitives";
 
const App = () => (
  <Box>
    <Stack>
      <Text>Design Blocks 01</Text>
      <Text>Design Blocks 02</Text>
    </Stack>
 
    <XStack>
      <Text>Design Blocks 03</Text>
      <Text>Design Blocks 04</Text>
    </XStack>
 
    <YStack>
      <Text>Design Blocks 05</Text>
      <Text>Design Blocks 06</Text>
    </YStack>
  </Box>
);