Card

SolidStart workspace

Twenty-one components, one shared design system, and real SSR.

The rendered preview and highlighted implementation both originate in this file.

import { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@tile-ui/solid';

export default function CardDemo() {
	return (
		<Card class="demo-card">
			<CardHeader>

Use Card to compose SolidJS summaries, settings surfaces, and action rows.

Registry install

pnpm dlx shadcn@latest add @tile-ui/card

Package usage

import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Button } from '@tile-ui/solid';

<Card>
	<CardHeader>
		<CardTitle>SolidStart workspace</CardTitle>
		<CardDescription>SSR-ready Tile UI components for SolidJS.</CardDescription>
	</CardHeader>
	<CardContent>
		<p>The component source and styles remain shared across Tile UI.</p>
	</CardContent>
	<CardFooter>
		<Button variant="outline">Preview</Button>
		<Button>Install</Button>
	</CardFooter>
</Card>