Example with CSS

A login form demonstrating how to include CSS files alongside components in the registry.

Installation

Usage

import { ExampleCard } from "@/components/example-card";

export default function LoginPage() {
  return <ExampleCard />;
}

Features

• CSS Bundling - Demonstrates CSS file inclusion in registry
• Self-Contained - All styles scoped to component
• Responsive - Adjusts for mobile screens
• Form Pattern - Email/password login flow

Files

This component includes multiple files:

CSS Variables

The component defines its own CSS custom properties:

.login-container {
  --primary-color: #111111;
  --primary-hover: #484747;
  --error-color: #ef4444;
  --text-color: #1f2937;
  --text-light: #6b7280;
  --border-color: #e5e7eb;
  --background-light: #f9fafb;
}

Lineage