Live examples

Basics

Following examples represent the most basic cases:

• Basic example
• Attributes
• Tag names

Templates

Working with templates:

• Manual template rendering
• Template processor (Custom styling)
• External template

Context

Data context and related features:

• Shared context
• Context types
• CSS Data

Lists

Dynamic lists rendering. Following examples are showing the flexibility of the Symbiote.js:

• Dynamic list rendering (Itemize API)
• Alternative list rendering (DOM API)
• Nested lists (Structured data)
• CSS defined table rendering
• Customized built-in element as a list item

Misc

Other use cases and examples:

• Localization
• SSR markup hydration
• SSR CSS variables binding
• Icons
• Icons 2
• CSS Icons
• Widget routing
• Smart textarea