### Install Tailwind CSS Forms Plugin with npm

Source: https://github.com/tailwindlabs/tailwindcss-forms/blob/main/README.md

Install the plugin as a development dependency using npm.

```sh
npm install -D @tailwindcss/forms
```

--------------------------------

### Apply Form Styles Using Explicit Classes

Source: https://github.com/tailwindlabs/tailwindcss-forms/blob/main/README.md

Shows how to apply form styles to input, select, and checkbox elements using the generated 'form-*' classes.

```html
<input type="email" class="form-input rounded-full px-4 py-3" />

<select class="form-select rounded-full px-4 py-3">
  <!-- ... -->
</select>

<input type="checkbox" class="form-checkbox rounded text-pink-500" />
```

--------------------------------

### Customize Select Padding and Checkbox Color with Utilities

Source: https://github.com/tailwindlabs/tailwindcss-forms/blob/main/README.md

Demonstrates how to override default form styles using Tailwind CSS utility classes for elements like select and checkbox.

```html
<!-- You can actually customize padding on a select element now: -->
<select class="rounded-full px-4 py-3">
  <!-- ... -->
</select>

<!-- Or change a checkbox color using text color utilities: -->
<input type="checkbox" class="rounded text-pink-500" />
```

--------------------------------

### Configure Tailwind CSS Forms Plugin in tailwind.config.js (v3)

Source: https://github.com/tailwindlabs/tailwindcss-forms/blob/main/README.md

For Tailwind CSS v3, add the plugin to the 'plugins' array in your tailwind.config.js file.

```js
// tailwind.config.js
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('@tailwindcss/forms'),
    // ...
  ],
}
```

--------------------------------

### Configure Forms Plugin Strategy in tailwind.config.js (v3)

Source: https://github.com/tailwindlabs/tailwindcss-forms/blob/main/README.md

Configure the @tailwindcss/forms plugin in your tailwind.config.js file for Tailwind CSS v3 to use either only base styles or only classes.

```js
// tailwind.config.js
plugins: [
  require("@tailwindcss/forms")({
    strategy: 'base',
    strategy: 'class',
  }),
],

```

--------------------------------

### Configure Forms Plugin Strategy in Main Stylesheet (v4)

Source: https://github.com/tailwindlabs/tailwindcss-forms/blob/main/README.md

Configure the @tailwindcss/forms plugin in your main CSS file for Tailwind CSS v4 to use either only base styles or only classes.

```css
/* app.css */
@plugin "@tailwindcss/forms" {
  strategy: "base"; /* only generate global styles; or */
  strategy: "class"; /* only generate classes */
}
```

--------------------------------

### Add Tailwind CSS Forms Plugin to Main Stylesheet (v4)

Source: https://github.com/tailwindlabs/tailwindcss-forms/blob/main/README.md

For Tailwind CSS v4, import the plugin directly into your main CSS file.

```css
/* app.css */
@import "tailwindcss";
@plugin "@tailwindcss/forms";
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.