---
title: 'Vue Components Support'
description: "Because LaRecipe renders the documentations in the back-end of Laravel application, it's pretty cool to leverage custom VueJs components."
url: 'https://larecipe.saleem.dev/2.x/vue-components-support'
version: 2.x
locale: en
last_updated: '2026-10-17'
---
> Docs index: https://larecipe.saleem.dev/2.x/llms.txt · MCP: https://larecipe.saleem.dev/mcp · Skill: https://larecipe.saleem.dev/skill.md
# Vue Components Support
## Built-in Components
LaRecipe provides a bunch of amazing looking UI Vue based components.
> [!WARNING]
> If you don't like the idea of mixing Vue components with Markdown, remember that this feature is optional.
## Cards
Input:
```html
Example card
```
Output:
Example card
## Buttons
Input:
```html
Example button
Success button
```
Output:
Default button
Success button
## Badges
Input:
```html
Holly
Molly
```
Output:
**User**
**Holla**
**Molly**
## Progress
Input:
```html
```
Output:
> [!IMPORTANT]
> You can achieve the same effect on the overview page by including a progress component inside a card.
Input:
```html
BinaryTorch
```
Output:
BinaryTorch