@designbasekorea/wordpress-ui 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -4
- package/dist/browser.cjs +1 -1
- package/dist/browser.d.ts +4 -2
- package/dist/browser.esm.js +1 -1
- package/dist/browser.iife.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.esm.js +1 -1
- package/dist/react/index.cjs +1 -1
- package/dist/react/index.d.ts +29 -109
- package/dist/react/index.esm.js +1 -1
- package/dist/styles/controls.css +1 -1
- package/dist/styles/shell.css +1 -1
- package/dist/styles.css +1 -1
- package/examples/react.tsx +16 -16
- package/examples/vanilla.html +25 -25
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -18,16 +18,22 @@ React 플러그인은 React를 peer dependency로 유지하며 다음처럼 사
|
|
|
18
18
|
```tsx
|
|
19
19
|
import '@designbasekorea/wordpress-ui/styles.css';
|
|
20
20
|
import {
|
|
21
|
-
AdminDataTable,
|
|
22
21
|
AdminPage,
|
|
23
22
|
AdminPageContent,
|
|
24
23
|
AdminPageHeader,
|
|
25
|
-
|
|
24
|
+
AdminShell,
|
|
25
|
+
Button,
|
|
26
|
+
SearchBar,
|
|
27
|
+
Section,
|
|
28
|
+
Table,
|
|
26
29
|
} from '@designbasekorea/wordpress-ui/react';
|
|
27
30
|
```
|
|
28
31
|
|
|
29
|
-
`
|
|
30
|
-
|
|
32
|
+
`AdminShell`은 레이아웃(shell·사이드바 토글)만 담당합니다. `AdminPageHeader`는 ui-wc
|
|
33
|
+
`PageHeader`를 감싸 shell 메뉴 버튼과 actions 슬롯을 연결합니다. 탭, 검색, 테이블,
|
|
34
|
+
empty state, 모달 등 나머지 UI는 primitives(`Section`, `SearchBar`, `Table`,
|
|
35
|
+
`EmptyState`, `Modal` 등)를 직접 조합합니다.
|
|
36
|
+
데이터 조회·저장·권한 처리는 소비 플러그인이 소유합니다.
|
|
31
37
|
|
|
32
38
|
Vanilla/PHP 화면에서는 등록된 ui-wc element를 직접 사용할 수도 있습니다.
|
|
33
39
|
|