Literal UI

import { Card } from '@literal-ui/core'import { Card } from '@literal-ui/core'

variant: "elevated" | "filled" | "outlined"variant: "elevated" | "filled" | "outlined"

elevated
filled
outlined
<Card variant={variant}>{variant}</Card>
<Card variant={variant}>{variant}</Card>

onClick?: () => voidonClick?: () => void

elevated
filled
outlined
<Card variant={variant} onClick={console.log}>
  {variant}
</Card>
<Card variant={variant} onClick={console.log}>
  {variant}
</Card>