Chakra UIの備忘録

タグをインポートしてそのタグに専用のプロパティを書く。

p = Text

div = Box

h = Heading = (as="h1"のように指定)

プロパティはcssのプロパティそのままつけられる感じで、、

fontWeight=""fontSize=""という感じで簡単に設定できる。 マージンはm=""

pxを書かなくてもpx固定にしてくれる。 これは単位をつけられるもの全共通で自動でpx固定になる仕様。

Tailwindよりもちょっと明示的で可読性は上がるが記述するのは逆に手間。

中々導入まで面倒だと思いますが本当にいい体験をさせてくれるのでオススメです。