Component Showcase

Testing responsive design and component patterns

Typography

This is a lead paragraph. It stands out from regular paragraphs.

This is a regular paragraph with some text to demonstrate the default text styling.

This is muted text, useful for secondary information.

Card 1

Card description here

This is the card content. It can contain any elements.

Card 2

Another card description

More content goes here. The grid is responsive.

Card 3

Yet another description

Cards will stack on mobile and arrange horizontally on desktop.

Name

Message

Tab 1 Content

This is the content for tab 1

Content changes based on the selected tab.

Default

Secondary

Destructive

Outline

Small container (max-w-4xl)

Default container (max-w-6xl)

Large container (max-w-7xl)