Skip to content
Karan Design System

Karan Design System

Knowledge is growth - 型安全で再利用可能なコンポーネントライブラリ

Overview

Section titled “Overview”

Karan Design Systemは、TypeScriptとVanilla Extractを使用した型安全なデザインシステムです。Astro + Starlightで構築されており、高パフォーマンスと優れた開発者体験を提供します。

Section titled “Quick Links”
  • Getting Started - デザインシステムの使用方法
  • Colors - カラーパレットとデザイントークン
  • Typography - タイポグラフィシステム
  • Button - ボタンコンポーネント
  • Header - ヘッダーコンポーネント

Features

Section titled “Features”
  • 型安全性: TypeScriptとVanilla Extractによる型安全なスタイリング
  • 高パフォーマンス: Astroによる静的サイト生成
  • アクセシビリティ: WCAG 2.1 AA基準準拠
  • 開発者体験: 直感的なAPIと充実したドキュメント

Installation

Section titled “Installation”
Terminal window
npm install @karan-monorepo/design-system

Usage

Section titled “Usage”
import { Button } from '@karan-monorepo/design-system';


function App() {
  return <Button variant="primary">Hello World</Button>;
}