Card

Card

Import

import { Card } from '@unllamas/lacrypta-ui';

Usage


Create project

Deploy your new project in one-click.

<Card>
  <Heading as='h3'>Create project</Heading>
  <Text size='sm'>Deploy your new project in one-click.</Text>
  <Divider />
  <Input label='Name' placeholder='Name of your proyect' />
  <Divider y='sm' />
  <Input label='Framework' placeholder='Framework' />
  <Divider />
  <Flex gap='md'>
    <Button isBlock variant='borderless'>Cancel</Button>
    <Button isBlock variant='bezeled'>Deploy</Button>
  </Flex>
</Card>

Card Variant

The variant property receives default, outline or filled


Create project

Deploy your new project in one-click.

<Card variant='filled'>
  ...
</Card>

Card spacing

The spacing property receives default, xs, sm, md or lg


Create project

Deploy your new project in one-click.

<Card spacing='lg'>
  ...
</Card>
ButtonDivider