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/search-page/index.vue 
<script lang="ts">
export const description = "A search results page with filter sidebar and product grid."
export const iframeHeight = "800px"
</script>

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

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

<template>
  <div class="min-h-svh w-full bg-background">
    <SearchPage v-bind="status === 'success' && products ? { products } as any : {}" />
  </div>
</template>
A search results page with filter sidebar and product grid.
search-page