Sprix logo

Card

A structured surface for grouped content and actions.

The Card Component

Project status

Weekly launch summary for the launch workspace.

Launch brief

Copy, legal review, and QA are all signed off.

Ready

Basic Usage

Code Snippet

<script lang="ts">		import { Card } from '$lib/components';	</script> 	<Card title="Project status" description="Weekly launch summary">		<p class="text-sm text-app-text-muted">All milestones are on track for Friday.</p>	</Card>

Examples

Action Header

Pair summary copy with a lightweight action in the header.

Team inbox

Open conversations across support and growth.

Priority launch notes

Three unanswered threads need a response today.