thr3a https://blog.hatena.ne.jp/thr3a/ 動かざることバグの如し https://blog.turai.work/ react mantineでは、コンポーネントにスタイルを適用させるために、Style props, sx prop, Styles APIの3つの方法が用意されています。 それぞれの方法には、メリットとデメリットがあります。以下に、それぞれの方法の特徴と使い分けのポイントをまとめてみました。 Style props Style propsは、コンポーネントのルート要素に対して、CSSプロパティとしてスタイルを指定することができるプロパティです。例えば、以下のように書くことで、Textコンポーネントに太字、背景色、上マージンを適用できます。 <Text fw={'bold'} bg="orange.1" … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.turai.work%2Fentry%2F20230820%2F1692511962" title="Mantine UIのCSS変更方法３種類の比較 - 動かざることバグの如し" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2023-08-20 15:12:42 rich https://blog.turai.work/entry/20230820/1692511962 1.0 100%