+
+
+ {{ sample.title }}
+{{ sample.description }}
+
+
+ Interactive examples for all A2UI Vue components
++ Interactive buttons that trigger actions when clicked. Click count: {{ clickCount }} +
+ ++ Cards are container components that group related content together with consistent styling. +
+ ++ Column layout arranges children vertically in a flexbox container. +
+ ++ Visual separator to divide content sections. +
+ +Content above divider
+Content below divider
++ Lists display a collection of items in a vertical list format. +
+ ++ Row layout arranges children horizontally in a flexbox container. +
+ ++ The Text component displays text with various styles and supports markdown formatting. +
+ +The :host selector styles the shadow host (the custom element itself).
+The :host(.featured) applies styles when the host has the "featured" class.
+The :host-context(.dark-theme) applies styles when the host is inside a dark-theme ancestor.
+A2UI Gallery
+ +{{ sample.description }}
+{{ block.name }}
+