課題をやっています.
マークをほとんどしていないので、今度の机会も顽张って勉强します.

ピグマによるコラボレーション

資産が揃う.
-svgはicon破砕を防止
残りの

は、特性に適合する画像ファイル(リファレンス)

である.

眼で確認し、大きな領域に分けます.
-原子設計が適用されている場合は、まずベースとなる構成部品を作成します.

レルムで詳細に表示します.

StoryBookホットスポット

グローバルスタイルの使用方法

物語の本は独立したアプリケーションです.
プロジェクトがグローバルスタイルシートを使用している場合は、storybookにインポートする必要があります..storybook/preview.jsに追加するだけです.

import "../src/assets/scss/index.scss"; // 전역 scss or css

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
};

Type Script pathを適用するには、次の手順に従います。

以上のとおりです.
これは個別のアプリケーションです.したがって,ストーリーブックに特化したWebpackの設定は別のものである.tsconfig-paths-webpack-pluginが設定され、.storybook/main.jsに適用されます.

const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");

module.exports = {
  //...
  webpackFinal: async (config) => {
    config.resolve.plugins.push(new TsconfigPathsPlugin({}));
    return config;
  },
};

食べ方を動かさない

selectの上のボタンのイベントを無視する場合は、次のcssを使用します.

pointer-events: none;