UIコンポーネントの大きさは外から制御しよう - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

[uehaj]

tailwindcssにしよう、と言っているようにしか見えないんだけど

[kituneudon97]

propsで大きさを変更するCSSを受け取るのではなく、大きさは親要素いっぱいになるようにする。最近はwidth・heightではなくinline-size、block-sizeというサイズの指定方法が登場している

[kiririmode]

コンポーネントのボックスがブロックレベルボックスなのであれば、コンポーネントのボックスが親から伸ばされることを前提に設計する

[habarhaba]

CSSのボックスモデルを最大限活用することに同意

[yarumato]

“Cardコンポーネントのwidth指定で望ましい方法は、親要素の横幅で制御。つまり、親のdiv要素を250pxに制限することで、Card要素のwidthを100%にすれば250pxまでしか広がらない。heightを100%に伸ばすには親をgridレイアウトに”

[jay-es]

コンポーネントのサイズを指定するための props を作らない。`width: number` などだと表現力が足りない。親要素でサイズを調整する。grid なら子要素の高さも制御できる