はじめに

INGRED UIについて

INGRED UIは、一貫性のある優れたユーザー体験を提供するために開発された、Reactベースのデザインシステムです。複数のプロダクトで使用されており、効率的なUI開発とブランドの一貫性を実現します。

主な特徴

• TypeScriptファースト: 型安全な開発体験を提供
• アクセシビリティ対応: WCAG 2.1ガイドラインに準拠
• カスタマイズ可能: 柔軟なテーマシステム
• モダンな実装: React Hooksベースの実装

インストール方法

# npmの場合
npm install ingred-ui

# yarnの場合
yarn add ingred-ui

基本的な使い方

import { ThemeProvider, Button, Typography } from 'ingred-ui';

function App() {
  return (
    <ThemeProvider>
      <Typography variant="h1">Hello INGRED UI!</Typography>
      <Button variant="primary">Click me</Button>
    </ThemeProvider>
  );
}

次のステップ

1. デザインシステムの基礎を学ぶ
2. コンポーネントの使い方を確認する
3. ガイドで詳細を理解する

サポートとコントリビューション

INGRED UIはオープンソースプロジェクトとして開発されています。バグ報告や機能要望、プルリクエストはGitHubリポジトリにて受け付けています。