React

Layout

페이지의 콘텐츠 영역을 반응형으로 제한하고 중앙 정렬하는 페이지 레이아웃 블록입니다.

Usage

import { Layout } from "@seed-design/react";

<Layout.Root>
  <Layout.Content>{/* 콘텐츠 */}</Layout.Content>
</Layout.Root>

Prop

Type

Prop

Type

density prop으로 콘텐츠 영역의 최대 너비를 조절합니다.

npx @seed-design/cli@latest add block:layout-01

pnpm dlx @seed-design/cli@latest add block:layout-01

yarn dlx @seed-design/cli@latest add block:layout-01

bun x @seed-design/cli@latest add block:layout-01

npx @seed-design/cli@latest add block:layout-02

pnpm dlx @seed-design/cli@latest add block:layout-02

yarn dlx @seed-design/cli@latest add block:layout-02

bun x @seed-design/cli@latest add block:layout-02

Last updated on