TailWindCss Memo

イテレーターを使わずに繰り返し表示される要素に適用する同じクラスを一つにまとめたい。apply使うまでもなく手軽に同じページ内で使いたい、でも以下のようなスタイルを作ってもTailwindのintelliSenseが効かない。

  const styles = {
    base: "h-6 bg-white",
    error: "bg-red-50 text-white",
  };

そんな時はVScodeの設定画面から、Tailwind CSS: Class Attributes に「styles」を追加（名称はなんでもいい）。

すると設定したstylesにはIntelliSenseが効くようになる😆