Components

<% for (const c of ['base', 'web', 'product']) { %><%= c %><% } %>

<% if (components.length === 0) { %>

No components found for the <%= ctx %> context.

<% } else { %> <% for (const c of components) { %>

<%= c.name %> <%= c.category %>

<% if (c.description) { %>

<%= c.description %>

<% } %> <% if (c.variants && c.variants.length > 0) { %>
<% for (const v of c.variants) { %><%= v %><% } %>
<% } %> <% if (c.usage) { %>

<%= c.usage %>

<% } %> <% if (c.examples && c.examples.length > 0) { %>
<% for (const ex of c.examples) { %>
<%= ex %>
<% } %>
<% } %>
<% } %> <% } %>