MUI v5 以降のカスタムスタイル設定MUI v5 以降でコンポーネントにカスタムスタイル (CSS) を割り当てる方法には、大きく下記の 2 つのやり方があります。 sx prop を使う方法MUI のコンポーネントには sx prop が定義されていて、ここにスタイルオブジェクトを渡すことで、個別にスタイルを調整できます。つまり、使い捨てのスタイル設定を行う方法です。sx prop は HTML 要素本来の style プロパティと比べて簡潔な構文で記述できます。例えば、margin や padding の設定用に 1 文字 (m, p) のプロパティ名が定義されていたりします。styled API を使う方法既存のコンポーネントをラップする形で、スタイル拡張したコンポーネントを生成します。sx prop を使った方法に比べて再利用性が高い方法で、複数個所で使用するコンポーネントにス
はじめに 実務でMUIを本格的に使用することになりそうなので、MUIに入門していきたいと思います。 なお、筆者はMUIの前身のMaterial UIは少し使用したことがあり、Material Designについてはエアプです。それらを踏まえて対戦よろしくお願いします。 本記事で触れること パッケージ構成からみるMUIの概要 MUIのカスタマイズ MUIで何ができるのか その他のUIコンポーネントライブラリと比較した場合のMUIの立ち位置 本記事で触れないこと MUIの導入手順 MUIの具体的な使用方法 パッケージ構成からみるMUIの概要 ※この章は基本的には以下のページを和訳したものとなります。 まずMUIには以下の2種類のプロジェクトが存在します。 MUI Core MUI X みなさんがMUIと聞いて思い浮かべるのはMUI Coreの方だと思います。 MUI Xは複雑なユースケースに対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く