【React】TailwindのclassNameを使ったSpacerコンポーネントを作りました

テクノロジーカテゴリーの変更を依頼記事元:

zenn.dev/ikenohi

1 userがブックマークコメント

コメント

0

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

{{ total_bookmarks_with_user_postfix }}{{ root_title }}

【React】TailwindのclassNameを使ったSpacerコンポーネントを作りました

こちらの記事のアイデアを元にしたSpacerコンポーネントをよく使っていたのですが、Tailwindを採用した... こちらの記事のアイデアを元にしたSpacerコンポーネントをよく使っていたのですが、Tailwindを採用したプロジェクトで使うときにSpacerの大きさがpx指定なのが気になったので、Tailwindで用意されたクラスを使うように作り直してみました。 import { VFC } from "react"; type Size = typeof TAILWIND_SIZES_MAP[number]["n"]; type Axis = "vertical" | "horizontal"; interface SpacerProps { size: Size; axis?: Axis; } export const Spacer: VFC<SpacerProps> = ({ size, axis }) => { const w = axis === "vertical" ? "px" : s

ブックマークしたユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx