テキストや画像など、コンテンツの幅を制限するときにこのコンポーネントを使います。
import { Width } from "~/components";import { Width } from "~/components";
<Width size="large">This content will take up 75% of the container width</Width>
<Width size="medium">
This content will take up 50% of the container width
</Width>
<Width size="small">This content will take up 25% of the container width</Width>
<Width size="small" center>
This content will take up 25% of the container width and be centered
</Width>required
type: "large" | "medium" | "small"
コンテナの幅を制御します。
large: コンテナ幅の 75%medium: コンテナ幅の 50%small: コンテナ幅の 25%
type: boolean
コンテンツを水平方向の中央に置くかどうかです。