LaRecipe logo LaRecipe

Vue Customization

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.


Cards

default option

Prop Name Options
type primary, success, danger, warning, info
gradient primary, success, danger, warning, info
hover true, false
shadow true, false

Buttons

Prop Name Options
type default primary success danger warning info
outline outline primary success danger warning info
size sm lg

Badges

default option

Prop Name Options
type default primary success danger warning info
rounded default primary success danger warning info

Progress

default option

{info} animated works only when striped option enabled

Prop Name Options
type default, primary, success, danger, warning, info
striped true, false
animated true, false
value 0