Skip to content

Implement Dictionary Viewer with Hierarchical Display #255

@MaliceCg

Description

@MaliceCg

Description

We need a new Dictionary Viewer component that can take a dictionary JSON structure and render it in the UI. Each dictionary entry should show its title, key, type, description, tags and children, if any, in a clear expandable/collapsible hierarchy.

Image

Requirements

  • Dictionary root element
    Shows title of the dictionary (with key).
    Badge for tags dictionary (e.g., LANDING).
    Expand/Collapse toggle.
  • Dictionary fields
    Show field name, type, and optional description.
    Support nested dictionaries (recursive display).
  • Hierarchy rendering
    Each nested child should be indented and expandable.
    Works recursively with unlimited depth.
  • UI elements
    Left caret for expand/collapse.
    Consistent icons (dictionary, field, expand/collapse).
    Right-side action buttons (edit, options).

Acceptance Criteria

Component can render dictionary title, key, and category.
Supports nested dictionaries via recursion.
Expand/collapse works on all levels.
Shows field name, type, and description clearly.
Matches existing dark theme UI style.

Metadata

Metadata

Assignees

No one assigned

    Labels

    CMSRelated to CMS / externalization of contentUIUi related issuesdesignDesign task relatedfeatureA request, idea, or new functionality

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions