10.1k
New Components: Field, Input Group, Item and more

Page Examples

Full page layouts and templates for common e-commerce pages. Copy and paste into your apps. Works with all Vue frameworks.

Browse Pages Documentation
Files
pages/category-page/index.vue 
<script lang="ts">
export const description = "A category page with product grid, filters, and sort controls."
export const iframeHeight = "900px"
</script>

<script setup lang="ts">
import CategoryPage from "@/components/CategoryPage.vue"

const { products, status } = useDemoSearch()
</script>

<template>
  <div class="min-h-svh w-full bg-background">
    <CategoryPage v-bind="status === 'success' && products ? { products } as any : {}" />
  </div>
</template>
A category page with product grid, filters, and sort controls.
category-page