Placeholder

Placeholder Color

Utilities for controlling the color of placeholder text.

transparent

current

gray-500

red-500

yellow-500

blue-500

green-500

gray-500/50

red-500/50

yellow-500/50

blue-500/50

green-500/50

CSS

Customizing

windi.config.js

export default {
  theme: {
    placeholderColor: {
      primary: '#3490dc',
      secondary: '#ffed4a',
      danger: '#e3342f',
    },
  },
}

Utilities for controlling the opacity of an element's placeholder color.

100

CSS

Customizing

windi.config.js

export default {
  theme: {
    extend: {
      placeholderOpacity: {
        light: '0.1',
      },
    },
  },
}