この素材集には CLIP STUDIO PAINT Ver.1.10.10 からご利用いただける素材が含まれています。 ( 最新版のダウンロード )
この素材集には CLIP STUDIO PAINT Ver.1.10.10 からご利用いただける素材が含まれています。 ( 最新版のダウンロード )
Material-UIのTooltipコンポーネントをButtonに使ったとき、disabledとの兼ね合わせで少し戸惑ったことについて書き留めます。 Material-UIとTooltipコンポーネント Material-UIは、Googleが提唱するMaterial Designに則った、ユーザーインタフェースを提供するReactコンポーネントライブラリです(Material Designについては、「Googleが推奨する『マテリアルデザイン』とは?5つの特徴と、メリット・デメリット・作り方について解説」参照)。豊富なコンポーネントとシンプルで直感的なデザイン・操作感に定評があります。 Tooltipコンポーネントの使い方は、マウスが重なったたとき表示したい部品を包むだけです。titleに与えたテキストがツールチップとして表れます。 <Tooltip title="tooltip"
Material-UI ではアプリ全体の見た目や動作をThemeで設定することができます。 過去に数回のフロントエンド開発で Material-UI を使ってきたのですが、その中に必ずと言っていいほど設定するTheme項目があります。 そんな必ず設定するようなTheme項目をまとめました。 対象バージョンは4.0.0以降です。 尚、ここで紹介した設定項目を全て適用したThemeとデフォルトのThemeを比較できるサンプルを作成したので参考にしてください。 ボタンのラベルが大文字になるのを防ぐ - typography.button.textTransform="none" TextField のバリエーションを変更する - props.MuiTextField.variant テーマカラーの設定 - palette.primary 入力コントロールの色を統一する - props.{MuiC
2019年5月下旬に Material-UI v4 が正式にリリースされました。スタイル付きコンポーネントの記法が v3 以前のものと変わったのでメモしておきます。 加筆(2019/12/21) この記法が、React 16.8 で導入されたフック(hook)であることを補足しました。 加筆(2021/09/20) MUI (Material-UI) v5 がリリースされました。 MUI v5 のスタイリング方法については⬇️をどうぞ 環境 create-react-app で作成したディレクトリを前提にしています。 参考: TypeScript React Starter バージョン - typescript @3.2.2 - @material-ui/core @4.0.2 - react @16.8.6 - react-dom @16.8.6 v3 からの変更点 v3 でのスタイル付
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く