Context
TagFx, AvatarFx, and TooltipFx were implemented in PR #451. Two follow-up tasks are required before the docs pages are fully functional.
Tasks
1. Publish agnosticui-core alpha.25 to npm
The StackBlitz integration in FrameworkExample.vue installs agnosticui-core from npm. Until alpha.25 is published, clicking "Open in StackBlitz" on the TagFx, AvatarFx, or TooltipFx pages will fail with import errors.
Fix: Publish agnosticui-core@2.0.0-alpha.25 to npm, then verify StackBlitz opens correctly for all three components.
2. Create CodePen pens and add URLs
All other Fx component docs pages link to a CodePen demo via CODEPEN_URLS in:
v2/site/docs/.vitepress/theme/components/FrameworkExample.vue
Create CodePen pens for:
TagFx — use the TagFxReactExamples.jsx content as the starting point
AvatarFx — use AvatarFxReactExamples.jsx
TooltipFx — use TooltipFxReactExamples.jsx
Then add the three entries to CODEPEN_URLS in FrameworkExample.vue:
'tag-fx': 'https://codepen.io/...',
'avatar-fx': 'https://codepen.io/...',
'tooltip-fx': 'https://codepen.io/...',
Acceptance Criteria
Context
TagFx, AvatarFx, and TooltipFx were implemented in PR #451. Two follow-up tasks are required before the docs pages are fully functional.
Tasks
1. Publish agnosticui-core alpha.25 to npm
The StackBlitz integration in
FrameworkExample.vueinstallsagnosticui-corefrom npm. Untilalpha.25is published, clicking "Open in StackBlitz" on the TagFx, AvatarFx, or TooltipFx pages will fail with import errors.Fix: Publish
agnosticui-core@2.0.0-alpha.25to npm, then verify StackBlitz opens correctly for all three components.2. Create CodePen pens and add URLs
All other Fx component docs pages link to a CodePen demo via
CODEPEN_URLSin:v2/site/docs/.vitepress/theme/components/FrameworkExample.vueCreate CodePen pens for:
TagFx— use theTagFxReactExamples.jsxcontent as the starting pointAvatarFx— useAvatarFxReactExamples.jsxTooltipFx— useTooltipFxReactExamples.jsxThen add the three entries to
CODEPEN_URLSinFrameworkExample.vue:Acceptance Criteria
agnosticui-core@2.0.0-alpha.25published to npmCODEPEN_URLSupdated inFrameworkExample.vue