diff --git a/docs/source/docs/text-style.blade.md b/docs/source/docs/text-style.blade.md index ae4ffaf50..5292a7536 100644 --- a/docs/source/docs/text-style.blade.md +++ b/docs/source/docs/text-style.blade.md @@ -84,3 +84,37 @@ Hover utilities can also be combined with responsive utilities by adding the res ```html Link ``` + +## Customizing + +### Responsive, Hover, and Focus Variants + +By default, no focus, or group-hover variants are generated for text style utilities. + +You can control which variants are generated for the text style utilities by modifying the `textStyle` property in the `modules` section of your Tailwind config file. + +For example, this config will _also_ generate focus variants: + +```js +{ + // ... + modules: { + // ... + textStyle: ['responsive', 'hover', 'focus'], + } +} +``` + +### Disabling + +If you aren't using the text style utilities in your project, you can disable them entirely by setting the `textStyle` property to `false` in the `modules` section of your config file: + +```js +{ + // ... + modules: { + // ... + textStyle: false, + } +} +```