# Presets

Vue Swatches has a bunch of predefined sets of swatches ready to be used for most common usage cases

# Basic

A basic collection of swatches for generic purposes.

This preset is used by default, its identifier is 'basic'.

# Basic Text

A basic collection of swatches for styling text.

To use it pass 'text-basic' to swatches prop.

Using this preset will internally update the default value of these props:

  • show-border

# Advanced Text

A complete collection of swatches for styling text. This preset uses nested swatches. Inspired by Google Docs

To use it pass 'text-advanced' to swatches prop.

Using this preset will internally update the default value of tshese props:

  • border-radius
  • show-border
  • spacing-size
  • swatch-size
Last Updated: 6/6/2020, 7:31:21 AM