Basic Elements & Product Card
Demonstrating foundational tags, Tailwind class attributes, badges, and hierarchical nesting with pure declarative JSON.
Live Rendered DOM
spec.json
Key Concepts Used
1.
tagName
Creates standard HTML tags (div, h3, p, button, span).
2.
attributes.class
Applied directly to element className for clean styling with Tailwind utility classes.
3.
children
Recursively built child specs automatically appended to parent in tree order.