> For the complete documentation index, see [llms.txt](https://docs.carpose.de/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.carpose.de/vehicle-search-modules/05_vehicle-types-browser.md).

# Vehicle Types Browser

{% hint style="info" %}
The Vehicle Types Browser displays a grid of vehicle types/categories so users can browse by body type.
{% endhint %}

## Introduction

The `vehicle-types-browser` component provides a visual way to explore inventory by vehicle type (e.g. SUV, Sedan, Hatchback). Each type links to a filtered search result.

## Basic Usage

```html
<div
  data-carpose-component="vehicle-types-browser"
  data-api-key="your-api-key"
  data-search-url-forward="/search-results"
></div>
```

## Attributes

| Attribute                 | Required | Description                                 |
| ------------------------- | -------- | ------------------------------------------- |
| `data-carpose-component`  | Yes      | Must be `vehicle-types-browser`             |
| `data-api-key`            | Yes      | Your Carposé API key                        |
| `data-search-url-forward` | No       | URL to forward to search results            |
| `data-store-id`           | No       | Restrict to a single store                  |
| `data-columns`            | No       | Number of columns in the grid (default `4`) |

## Behavior

* Displays available vehicle types with a representative image and the count of available vehicles
* Clicking a type forwards to the search results with the type filter applied
* Responsive grid layout

## Notes

* Only vehicle types with available inventory are shown
* Counts reflect current inventory levels