Интерактивность (Interactivity)

This content is not available in your language yet.

Классы для управления событиями указателя и выделением текста.

Pointer Events

Класс	Описание
`.pointer-events-none`	Отключить события указателя
`.pointer-events-auto`	Включить события указателя

User Select

Класс	Описание
`.select-none`	Запретить выделение текста
`.select-auto`	Выделение по умолчанию
`.select-all`	Выделить всё при клике
`.select-text`	Разрешить выделение текста

select-none — нельзя выделить

select-text — можно выделить

<div class="flex flex-col gap-4">
  <button class="px-4 py-2 bg-gray-200 rounded pointer-events-none">
    <p>pointer-events-none</p>
  </button>
  <div class="select-none p-2 bg-gray-100 rounded">
    select-none — нельзя выделить
  </div>
  <div class="select-text p-2 bg-gray-100 rounded">
    select-text — можно выделить
  </div>
</div>

<button class="pointer-events-none">Не получает клики</button>
<p class="select-none">Нельзя выделить</p>
<p class="select-all">Выделить всё одним кликом</p>