Skip to main content

ui folder

Contains small, reusable UI components in .njk format that can be dropped into layouts or widgets (buttons, cards, loaders, search, sidebar, pagination, cart, etc.).

Common components​

  • button.njk, product-card.njk, pagination.njk, sidebar.njk, search.njk, loading-screen.njk, cart.njk.

How to include​

  • Use the {% ui %} tag and pass the needed props:
{% ui "button.njk", text="Buy now", variant="primary"  %}
  • Can be embedded inside widgets or layout.njk wherever needed.

Tips​

  • Reuse the same component instead of duplicating markup to keep UI consistent.
  • Define clear props (text, icon, loading state) so components stay flexible.