Card Component

A simple card component for displaying content.

• title (string): Optional card title (default: '')
• padding (string): Card padding size
  • 'small' - Compact padding
  • 'medium' (default) - Standard padding
  • 'large' - Large padding
• elevated (boolean): Show elevation shadow (default: false)

<script>
	import Card from 'https://your-val.web.val.run/card'
</script>

<!-- Basic usage -->
<Card>
	Simple card content
</Card>

<!-- With title -->
<Card title="My Card">
	Card with a title
</Card>

<!-- Elevated with large padding -->
<Card title="Elevated Card" padding="large" elevated>
	This card has a shadow and large padding
</Card>