Skip to content

TagFx/AvatarFx/TooltipFx: publish alpha.25 and add CodePen URLs #452

@roblevintennis

Description

@roblevintennis

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

  • agnosticui-core@2.0.0-alpha.25 published to npm
  • StackBlitz opens without import errors for TagFx, AvatarFx, TooltipFx
  • CodePen pens created for all three components
  • CODEPEN_URLS updated in FrameworkExample.vue
  • CodePen links render correctly on each docs page

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingdocumentationImprovements or additions to documentation

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions