Caroa UI

Caroa UI

社内プロダクト向け共通UIコンポーネントライブラリ

概要

Caroa UIは、社内プロダクト間でUIコンポーネントを共有するためのReactコンポーネントライブラリです。

特徴

  • Tailwind CSS対応 - Tailwind Presetを提供し、利用者側でビルド
  • Server Components対応 - Next.js App Routerに最適化
  • アクセシビリティ - Radix UIベースで高いa11y
  • 型安全 - TypeScriptで完全な型定義

クイックスタート

npm install @caroainc/ui-components
import { Button } from '@caroainc/ui-components/server'
 
export default function Page() {
  return <Button>クリック</Button>
}

エントリポイント

パス用途
/serverServer Components(Button, Card, Badge等)
/clientClient Components(Dialog, Tabs, Select等)
/formフォーム関連(Form, useForm連携)
/tokensCSS変数
/animationsアニメーション定義
/presetTailwind Preset

On this page