Quick Start

This guide walks you through creating your first WC-2026 component and using it in a page.

Start the Dev Environment

# From the repository root
turbo run dev --filter=docs

The documentation site will be available at http://localhost:4321.

Using Components

WC-2026 components are standard Web Components. They work in any HTML page:

<script type="module" src="@wc-2026/library"></script>

<wc-card variant="elevated">
  <wc-heading level="2">Patient Resources</wc-heading>
  <wc-text>Find healthcare information and support services.</wc-text>
  <wc-button slot="actions" variant="primary">Learn More</wc-button>
</wc-card>

Component Library (Coming in Phase 2)

The component library is under active development. See the Pre-Planning documents for the complete architecture and component specifications.

Next Steps

• Project Structure - Understand the codebase
• Component Architecture - Deep dive into component design
• Design Tokens - Learn the token system