Kitchen Components.

Kitchen 서브시스템(/kitchen/*)의 핵심 컴포넌트를 정의하고 관리하는 가이드입니다. (v3.4.0)

Layout Components

화면의 핵심 구조와 구성을 책임지는 공용 레이아웃 컴포넌트입니다. 세로 나열된 가상의 적용 사례를 확인할 수 있습니다.

01. SubPageTitle Component

SubPageTitle.astro

Sub Page Title Element

서브 디렉토리 페이지 전용으로 설계된 히어로 타이틀 컴포넌트입니다. 60px의 볼륨감 넘치는 타이틀 폰트와 두 배로 확장된 여백을 제공합니다.

<SubPageTitle
  supertitle="Showcase Category"
  title="Sub Page "
  highlight="Title Element"
  subtitle="상세 설명구절 입력..."
  align="center"
/>

02. SectionCentered Layout

SectionCentered.astro

Section Centered Title

중앙 정렬 타이틀과 설명을 기반으로 카드 리스트, 테이블, 그리드 요소 등 중앙 집중형 레이아웃 콘텐츠를 담는 가상의 설명 구절입니다.

[가상의 콘텐츠 슬롯(Slot) 렌더링 영역]

<SectionCentered
  title="Section Centered Title"
  description="중앙 집중형으로 표시할 섹션의 세부 설명..."
  className="..."
>
  <!-- 내부 슬롯 콘텐츠 -->
</SectionCentered>

03. SectionSplit Layout

SectionSplit.astro

Section Split Title

좌측에는 큰 타이틀과 설명 및 액션 버튼(slot="action")을 배치하고, 우측에는 샌드박스 테스터나 명세 카드를 분할 배치하는 가상의 레이아웃 설명 구절입니다.

Slot Action Element

[우측 본문 슬롯(Slot) 렌더링 영역]

<SectionSplit
  title="Section Split Title"
  description="좌측 설명과 액션 버튼을 배치하고..."
  titleSize="text-2xl"
>
  <div slot="action">Slot Action Element</div>
  <div>우측 주 본문 요소</div>
</SectionSplit>

Element Components

주방(/kitchen) 하위 페이지들에서 실제로 사용된 적이 있는 변형(Variant) 사양만 보여줍니다.

04. Badge Component (Changelog Variants)

Badge.astro

MatchaYuzuCoralHojichaOutline

changelog 페이지의 테이블 및 범례 등에서 릴리즈의 성격에 따라 다채롭게 활용하는 뱃지 분류입니다.

<Badge variant="matcha">Matcha</Badge>
<Badge variant="yuzu">Yuzu</Badge>
<Badge variant="coral">Coral</Badge>
<Badge variant="hojicha">Hojicha</Badge>
<Badge variant="outline">Outline</Badge>