### Colors

`<VButton />` components can have different colors.
Use the `color` prop on the component to change its color.
Available color values are `primary`, `info`, `success`, `warning`,
`danger` and `white`.

<!--code-->

```vue
<template>
  <VButtons>
    <VButton color="primary">
      Button
    </VButton>
    <VButton color="info">
      Button
    </VButton>
    <VButton color="success">
      Button
    </VButton>
    <VButton color="warning">
      Button
    </VButton>
    <VButton color="danger">
      Button
    </VButton>
    <VButton color="dark">
      Button
    </VButton>
    <VButton color="white">
      Button
    </VButton>
  </VButtons>
</template>
```

<!--/code-->

<!--example-->

<VButtons>
    <VButton color="primary">
        Button
    </VButton>
    <VButton color="info">
        Button
    </VButton>
    <VButton color="success">
        Button
    </VButton>
    <VButton color="warning">
        Button
    </VButton>
    <VButton color="danger">
        Button
    </VButton>
    <VButton color="dark">
      Button
    </VButton>
    <VButton color="white">
        Button
    </VButton>
</VButtons>

<!--/example-->