<commit_before>---
extends: _layouts.documentation
title: "Min-Width"
description: "Utilities for setting the minimum width of an element"
features:
  responsive: true
  customizable: true
  hover: false
  focus: false
---

@include('_partials.work-in-progress')

@include('_partials.class-table', [
  'scroll' => false,
  'rows' => [
    [
      '.min-w-0',
      'min-width: 0;',
      "Set the element's minimum width to 0.",
    ],
    [
      '.min-w-full',
      'min-width: 100%;',
      "Set the element's minimum width to 100%.",
    ],
  ]
])<commit_msg>minWidth<commit_after>---
extends: _layouts.documentation
title: "Min-Width"
description: "Utilities for setting the minimum width of an element"
features:
  responsive: true
  customizable: true
  hover: false
  focus: false
---

@include('_partials.work-in-progress')

@include('_partials.class-table', [
  'scroll' => false,
  'rows' => [
    [
      '.min-w-0',
      'min-width: 0;',
      "Set the element's minimum width to 0.",
    ],
    [
      '.min-w-full',
      'min-width: 100%;',
      "Set the element's minimum width to 100%.",
    ],
  ]
])

## Customizing

### Responsive, Hover, and Focus Variants

By default, no hover, focus, or group-hover variants are generated for min width utilities.

You can control which variants are generated for the min width utilities by modifying the `minWidth` property in the `modules` section of your Tailwind config file.

For example, this config will _also_ generate hover and focus variants:

```js
{
    // ...
    modules: { 
        // ...
        minWidth: ['responsive', 'hover', 'focus'],
    }
}
```

### Disabling

If you aren't using the min width utilities in your project, you can disable them entirely by setting the `minWidth` property to `false` in the `modules` section of your config file:

```js
{
    // ...
    modules: {
        // ...
        minWidth: false,
    }
}
```
{'fraction_non_alphanumeric': 0.14360313315926893, 'fraction_numerical': 0.009399477806788513, 'mean_word_length': 2.756862745098039, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3292955', 'n_tokens_mistral': 635, 'n_tokens_neox': 599, 'n_words': 197}