feather-k-demo-utils 0.1.0 → 0.1.1
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/DEMO-UTILS.md +6 -3
- package/package.json +1 -1
package/DEMO-UTILS.md
CHANGED
|
@@ -227,7 +227,9 @@ This ensures demo-utils styles and features work as intended and matches the fea
|
|
|
227
227
|
|
|
228
228
|
# Multi-Demo Navigation with DemoSelection
|
|
229
229
|
|
|
230
|
-
For projects with multiple demos, use the `DemoSelection` component
|
|
230
|
+
For projects with multiple demos, use the `DemoSelection` component from `feather-k-demo-utils` to provide a consistent, accessible demo picker and slot-based rendering for your demo components.
|
|
231
|
+
|
|
232
|
+
**Important:** Always import `DemoSelection` from `feather-k-demo-utils`. Do not use a local `DemoSelection.vue` file. The package provides the official, up-to-date version.
|
|
231
233
|
|
|
232
234
|
## DemoSelection Component
|
|
233
235
|
|
|
@@ -246,10 +248,11 @@ For projects with multiple demos, use the `DemoSelection` component (available l
|
|
|
246
248
|
|
|
247
249
|
### Example Usage
|
|
248
250
|
|
|
251
|
+
|
|
249
252
|
```vue
|
|
250
253
|
<script setup lang="ts">
|
|
251
254
|
import { ref } from "vue";
|
|
252
|
-
import DemoSelection from "
|
|
255
|
+
import { DemoSelection } from "feather-k-demo-utils";
|
|
253
256
|
import BasicGrid from "./basic/BasicGrid.vue";
|
|
254
257
|
import DetailsGrid from "./details/DetailsGrid.vue";
|
|
255
258
|
// ...other imports
|
|
@@ -281,7 +284,7 @@ const selectedDemo = ref("Basic");
|
|
|
281
284
|
### Benefits
|
|
282
285
|
- Consistent demo navigation UI across projects.
|
|
283
286
|
- Keeps demo selection logic and rendering decoupled and reusable.
|
|
284
|
-
-
|
|
287
|
+
- No need to maintain a local DemoSelection.vue; always use the package version for updates and bugfixes.
|
|
285
288
|
|
|
286
289
|
# Multi-Demo Navigation with DropDownList
|
|
287
290
|
|