### Outlined Colors

`<VButton />` solid color can have an outlined button style.
Use the `color` prop to set a solid color and
use the `outlined` modifier prop to make an outlined button.

<!--code-->

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

<!--/code-->

<!--example-->

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

<!--/example-->