Radius

矩形に表情をもたせる角丸

namepxDescriptionCopy
xs2px短辺の長さ ≦ 24px の場合に使用
sm4px24px < 短辺の長さ ≦ 40px の場合に使用
md8px40px < 短辺の長さ の場合に使用
lg12pxLPなどでの装飾で使用
full9999px角を半円にしたい場合に使用

Exapmle#

xs#

xsのサンプル、タグのような小さなコンポーネントに使っている

md#

mdのサンプル、カードコンテンツのようなある程度の大きさなコンポーネントに使っている

full#

fullのサンプル、正円のボタン