@designbasekorea/wordpress-ui 0.1.3 → 0.1.4

package/README.md

@@ -6,10 +6,10 @@ WordPress 전체 관리자 프레임을 대체하지 않고, 플러그인 내부
 
 ## 사용
 
-현재 배포 버전은 `0.1.3`입니다. Node 프로젝트에 다음처럼 설치합니다.
+현재 배포 기준 버전은 `0.1.4`입니다. Node 프로젝트에 다음처럼 설치합니다.
 
 ```bash
-npm install @designbasekorea/wordpress-ui@0.1.3
+npm install @designbasekorea/wordpress-ui@0.1.4
 ```
 
 Vanilla/PHP 플러그인은 필요한 화면에서만 다음 자산을 enqueue합니다.
@@ -35,7 +35,10 @@ import {
 } from '@designbasekorea/wordpress-ui/react';
 ```
 
-`AdminShell`은 레이아웃(shell·사이드바 토글)만 담당합니다. `AdminPageHeader`는 ui-wc
+`AdminShell`은 레이아웃(shell·사이드바 토글)만 담당합니다. Vanilla/PHP 화면에서
+`admin-shell.js` adapter를 사용하면 `config.title`이 사이드바 상단의 플러그인명으로
+표시되고, `db-page-header`를 제외한 페이지 내용은 `db-container`로 자동 감쌉니다.
+`AdminPageHeader`는 ui-wc
 `PageHeader`를 감싸 shell 메뉴 버튼과 actions 슬롯을 연결합니다. 탭, 검색, 테이블,
 empty state, 모달 등 나머지 UI는 primitives(`Section`, `SearchBar`, `Table`,
 `EmptyState`, `Modal` 등)를 직접 조합합니다.
@@ -48,6 +51,9 @@ Vanilla/PHP 화면에서는 등록된 ui-wc element를 직접 사용할 수도
     <db-page-header title="페이지 목록" description="페이지를 관리하세요." variant="minimal">
         <a slot="actions" class="button button-primary" href="?page=my-pages">새 페이지</a>
     </db-page-header>
+    <db-container size="full" padding="l" full-width>
+        <!-- 페이지 콘텐츠 -->
+    </db-container>
 </div>
 ```
 
@@ -85,6 +91,7 @@ import {
     DbInput,
     DbSelect,
     DbModal,
+    DbContainer,
 } from '@designbasekorea/wordpress-ui/components';
 
 // PHP/HTML에서는 <db-button>, <db-input>, <db-select>, <db-modal>로 사용합니다.
@@ -92,6 +99,7 @@ void DbButton;
 void DbInput;
 void DbSelect;
 void DbModal;
+void DbContainer;
 ```
 
 동일한 named export는 패키지 루트에서도 사용할 수 있습니다. 기존 `figma-ui`처럼