da-react-components v0.0.28

react-ui-components

※ 開発中のため破壊的な変更が都度入ります。実験中です。

Figma（デザインシステム）とのバージョン対応表

事業者向け

セットアップ

1. インストール

$ npm install da-react-components

2. tailwind.config.js を編集

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './node_modules/da-react-components/dist/**/*.{js,ts,jsx,tsx}',
  ],
  plugins: [require('@digital-go-jp/tailwind-theme-plugin')],
}

3. globals.css / index.css を編集

※ あくまで一例です。

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    font-family: 'Noto Sans JP', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'BIZ UDPGothic', meiryo, sans-serif;

    @apply text-body-lg;
  }
}

開発者向け

セットアップ

$ npm install

ビルド

$ npm run build

Storybook

$ npm run storybook