1. design
  2. presets

Presets

Provides a robust preset combination of classes.

Filled

Available via .preset-filled-{color}-{shade}-{shade}

(neutral)
950-50
900-100
800-200
700-300
600-400
500
400-600
300-700
200-800
100-900
50-950

Tonal

Available via .preset-tonal-{color}

(neutral)
primary
secondary
tertiary
success
warning
error
surface

Outlined

Available via .preset-outlined-{color}-{shade}-{shade}

(neutral)
950-50
900-100
800-200
700-300
600-400
500
400-600
300-700
200-800
100-900
50-950

Gradients

See the Tailwind Gradient Stops documentation for more information.