SONAX Application UI

Card

Demos

Default

import { Card, Stack, Text, spacing } from 'sxa-ui'

function Demo() {
  return (
    <Card title='Card'>
      <Stack
        direction={Stack.directions.vertical}
        gap={spacing.xs}
        padding={spacing.xxs}
      >
        <Text>Lorem ipsum dolor sit amet.</Text>
        <Text>Lorem ipsum dolor sit amet.</Text>
      </Stack>
    </Card>
  )
}

export default Demo