---
title: 'Vue Customization'
description: "Thanks to VueJs, we can also use dynamic binding to change the behavior of the current Vue components. Here you can find all the props and directives that you can use in order to customize the components' behavior."
url: 'https://larecipe.saleem.dev/2.x/vue-components-customization'
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 Customization

## Cards

`default option`

| Prop Name | Options |
| :--- | :--- |
| type | default, white, black, primary, success, danger, warning, info |
| shadow-size | none, `xs`, sm, md, lg |

## Buttons

| Prop Name | Options |
| :--- | :--- |
| type | link white black primary success danger warning info |
| size | sm lg |

## Badges

`default option`

| Prop Name | Options |
| :--- | :--- |
| type | white black primary success danger warning info |
| rounded | white black default primary success danger warning info |

## Progress

`default option`

| Prop Name | Options |
| :--- | :--- |
| type | white, black, primary, `success`, danger, warning, info |
| value | `0` |