@digital-go-jp/react-icons v0.0.1

react-icons

インストール

$ npm install @digital-go-jp/react-icons

使用例

import { AddIcon, CopyIcon } from '@digital-go-jp/solid';

return (
  <div>
    <AddIcon className='w-6 h-6' />
    <CopyIcon className='w-6 h-6' color='#FFFF00' />
  </div>
)

開発者向け

事前準備

# Figma API用
$ export FIGMA_TOKEN=....

# デザインシステムのファイルキー
$ export FILE_KEY=...

公開用ファイル作成

# Figma APIを使ってアイコンをsvgsディレクトリに格納
$ npm run download-svgs

# svgrを利用してsrc以下にtsxファイルを生成
# （tsxのテンプレートはtemplates以下に格納してあります）
$ npm run generate-tsx

# ビルド
# outline, solid ディレクトリがプロジェクトルートに作成されます
npm run build

Storybook

# preview
$ npm run storybook

# build
$ npm run build-storybook