Изменение размера

Изменить размер во всех направлениях

Используйте resize, чтобы изменить размер элемента по горизонтали и вертикали.

Изменить размер по вертикали

Используйте resize-y, чтобы изменить размер элемента по вертикали.

Изменить размер по горизонтали

Используйте resize-x, чтобы изменить размер элемента по горизонтали.

Предотвратить изменение размера

Используйте resize-none, чтобы предотвратить изменение размера элемента.

Кастомизация

Варианты

По умолчанию, только responsive варианты создаются для утилит resizing.

Вы можете контролировать, какие варианты создаются для утилит resizing для изменения свойства resize в разделе variants Вашего файла конфигурации tailwind.config.js.

Например, эта конфигурация также будет генерировать варианты hover и focus:

  // tailwind.config.js
  module.exports = {
    variants: {
      extend: {
        // ...
+       resize: ['hover', 'focus'],
      }
    }
  }

Отключение

Если Вы не планируете использовать в своем проекте утилиты для изменения resizing, Вы можете полностью отключить их, установив для resize свойство значение false в разделе corePlugins Вашего файла конфигурации:

  // tailwind.config.js
  module.exports = {
    corePlugins: {
      // ...
+     resize: false,
    }
  }