interactivity.md

Interactivity

• Accent Color
• Appearance
• Caret Color
• Cursor
• Pointer Events
• Resize
• Scroll Behavior
• Scroll Margin
• Scroll Padding
• Scroll Snap Align
• Scroll Snap Stop
• Scroll Snap Type
• Touch Action
• User Select
• Will Change

---

Accent Color

Utilities for controlling the accented color of a form control.

Group

TailwindJS token
accent_color_utilities

Utilities

TailwindJS token	TailwindCSS token
accent_amber_100	accent-amber-100
accent_amber_200	accent-amber-200
accent_amber_300	accent-amber-300
accent_amber_400	accent-amber-400
accent_amber_50	accent-amber-50
accent_amber_500	accent-amber-500
accent_amber_600	accent-amber-600
accent_amber_700	accent-amber-700
accent_amber_800	accent-amber-800
accent_amber_900	accent-amber-900
accent_amber_950	accent-amber-950
accent_auto	accent-auto
accent_black	accent-black
accent_blue_100	accent-blue-100
accent_blue_200	accent-blue-200
accent_blue_300	accent-blue-300
accent_blue_400	accent-blue-400
accent_blue_50	accent-blue-50
accent_blue_500	accent-blue-500
accent_blue_600	accent-blue-600
accent_blue_700	accent-blue-700
accent_blue_800	accent-blue-800
accent_blue_900	accent-blue-900
accent_blue_950	accent-blue-950
accent_current	accent-current
accent_cyan_100	accent-cyan-100
accent_cyan_200	accent-cyan-200
accent_cyan_300	accent-cyan-300
accent_cyan_400	accent-cyan-400
accent_cyan_50	accent-cyan-50
accent_cyan_500	accent-cyan-500
accent_cyan_600	accent-cyan-600
accent_cyan_700	accent-cyan-700
accent_cyan_800	accent-cyan-800
accent_cyan_900	accent-cyan-900
accent_cyan_950	accent-cyan-950
accent_emerald_100	accent-emerald-100
accent_emerald_200	accent-emerald-200
accent_emerald_300	accent-emerald-300
accent_emerald_400	accent-emerald-400
accent_emerald_50	accent-emerald-50
accent_emerald_500	accent-emerald-500
accent_emerald_600	accent-emerald-600
accent_emerald_700	accent-emerald-700
accent_emerald_800	accent-emerald-800
accent_emerald_900	accent-emerald-900
accent_emerald_950	accent-emerald-950
accent_fuchsia_100	accent-fuchsia-100
accent_fuchsia_200	accent-fuchsia-200
accent_fuchsia_300	accent-fuchsia-300
accent_fuchsia_400	accent-fuchsia-400
accent_fuchsia_50	accent-fuchsia-50
accent_fuchsia_500	accent-fuchsia-500
accent_fuchsia_600	accent-fuchsia-600
accent_fuchsia_700	accent-fuchsia-700
accent_fuchsia_800	accent-fuchsia-800
accent_fuchsia_900	accent-fuchsia-900
accent_fuchsia_950	accent-fuchsia-950
accent_gray_100	accent-gray-100
accent_gray_200	accent-gray-200
accent_gray_300	accent-gray-300
accent_gray_400	accent-gray-400
accent_gray_50	accent-gray-50
accent_gray_500	accent-gray-500
accent_gray_600	accent-gray-600
accent_gray_700	accent-gray-700
accent_gray_800	accent-gray-800
accent_gray_900	accent-gray-900
accent_gray_950	accent-gray-950
accent_green_100	accent-green-100
accent_green_200	accent-green-200
accent_green_300	accent-green-300
accent_green_400	accent-green-400
accent_green_50	accent-green-50
accent_green_500	accent-green-500
accent_green_600	accent-green-600
accent_green_700	accent-green-700
accent_green_800	accent-green-800
accent_green_900	accent-green-900
accent_green_950	accent-green-950
accent_indigo_100	accent-indigo-100
accent_indigo_200	accent-indigo-200
accent_indigo_300	accent-indigo-300
accent_indigo_400	accent-indigo-400
accent_indigo_50	accent-indigo-50
accent_indigo_500	accent-indigo-500
accent_indigo_600	accent-indigo-600
accent_indigo_700	accent-indigo-700
accent_indigo_800	accent-indigo-800
accent_indigo_900	accent-indigo-900
accent_indigo_950	accent-indigo-950
accent_inherit	accent-inherit
accent_lime_100	accent-lime-100
accent_lime_200	accent-lime-200
accent_lime_300	accent-lime-300
accent_lime_400	accent-lime-400
accent_lime_50	accent-lime-50
accent_lime_500	accent-lime-500
accent_lime_600	accent-lime-600
accent_lime_700	accent-lime-700
accent_lime_800	accent-lime-800
accent_lime_900	accent-lime-900
accent_lime_950	accent-lime-950
accent_neutral_100	accent-neutral-100
accent_neutral_200	accent-neutral-200
accent_neutral_300	accent-neutral-300
accent_neutral_400	accent-neutral-400
accent_neutral_50	accent-neutral-50
accent_neutral_500	accent-neutral-500
accent_neutral_600	accent-neutral-600
accent_neutral_700	accent-neutral-700
accent_neutral_800	accent-neutral-800
accent_neutral_900	accent-neutral-900
accent_neutral_950	accent-neutral-950
accent_orange_100	accent-orange-100
accent_orange_200	accent-orange-200
accent_orange_300	accent-orange-300
accent_orange_400	accent-orange-400
accent_orange_50	accent-orange-50
accent_orange_500	accent-orange-500
accent_orange_600	accent-orange-600
accent_orange_700	accent-orange-700
accent_orange_800	accent-orange-800
accent_orange_900	accent-orange-900
accent_orange_950	accent-orange-950
accent_pink_100	accent-pink-100
accent_pink_200	accent-pink-200
accent_pink_300	accent-pink-300
accent_pink_400	accent-pink-400
accent_pink_50	accent-pink-50
accent_pink_500	accent-pink-500
accent_pink_600	accent-pink-600
accent_pink_700	accent-pink-700
accent_pink_800	accent-pink-800
accent_pink_900	accent-pink-900
accent_pink_950	accent-pink-950
accent_purple_100	accent-purple-100
accent_purple_200	accent-purple-200
accent_purple_300	accent-purple-300
accent_purple_400	accent-purple-400
accent_purple_50	accent-purple-50
accent_purple_500	accent-purple-500
accent_purple_600	accent-purple-600
accent_purple_700	accent-purple-700
accent_purple_800	accent-purple-800
accent_purple_900	accent-purple-900
accent_purple_950	accent-purple-950
accent_red_100	accent-red-100
accent_red_200	accent-red-200
accent_red_300	accent-red-300
accent_red_400	accent-red-400
accent_red_50	accent-red-50
accent_red_500	accent-red-500
accent_red_600	accent-red-600
accent_red_700	accent-red-700
accent_red_800	accent-red-800
accent_red_900	accent-red-900
accent_red_950	accent-red-950
accent_rose_100	accent-rose-100
accent_rose_200	accent-rose-200
accent_rose_300	accent-rose-300
accent_rose_400	accent-rose-400
accent_rose_50	accent-rose-50
accent_rose_500	accent-rose-500
accent_rose_600	accent-rose-600
accent_rose_700	accent-rose-700
accent_rose_800	accent-rose-800
accent_rose_900	accent-rose-900
accent_rose_950	accent-rose-950
accent_sky_100	accent-sky-100
accent_sky_200	accent-sky-200
accent_sky_300	accent-sky-300
accent_sky_400	accent-sky-400
accent_sky_50	accent-sky-50
accent_sky_500	accent-sky-500
accent_sky_600	accent-sky-600
accent_sky_700	accent-sky-700
accent_sky_800	accent-sky-800
accent_sky_900	accent-sky-900
accent_sky_950	accent-sky-950
accent_slate_100	accent-slate-100
accent_slate_200	accent-slate-200
accent_slate_300	accent-slate-300
accent_slate_400	accent-slate-400
accent_slate_50	accent-slate-50
accent_slate_500	accent-slate-500
accent_slate_600	accent-slate-600
accent_slate_700	accent-slate-700
accent_slate_800	accent-slate-800
accent_slate_900	accent-slate-900
accent_slate_950	accent-slate-950
accent_stone_100	accent-stone-100
accent_stone_200	accent-stone-200
accent_stone_300	accent-stone-300
accent_stone_400	accent-stone-400
accent_stone_50	accent-stone-50
accent_stone_500	accent-stone-500
accent_stone_600	accent-stone-600
accent_stone_700	accent-stone-700
accent_stone_800	accent-stone-800
accent_stone_900	accent-stone-900
accent_stone_950	accent-stone-950
accent_teal_100	accent-teal-100
accent_teal_200	accent-teal-200
accent_teal_300	accent-teal-300
accent_teal_400	accent-teal-400
accent_teal_50	accent-teal-50
accent_teal_500	accent-teal-500
accent_teal_600	accent-teal-600
accent_teal_700	accent-teal-700
accent_teal_800	accent-teal-800
accent_teal_900	accent-teal-900
accent_teal_950	accent-teal-950
accent_transparent	accent-transparent
accent_violet_100	accent-violet-100
accent_violet_200	accent-violet-200
accent_violet_300	accent-violet-300
accent_violet_400	accent-violet-400
accent_violet_50	accent-violet-50
accent_violet_500	accent-violet-500
accent_violet_600	accent-violet-600
accent_violet_700	accent-violet-700
accent_violet_800	accent-violet-800
accent_violet_900	accent-violet-900
accent_violet_950	accent-violet-950
accent_white	accent-white
accent_yellow_100	accent-yellow-100
accent_yellow_200	accent-yellow-200
accent_yellow_300	accent-yellow-300
accent_yellow_400	accent-yellow-400
accent_yellow_50	accent-yellow-50
accent_yellow_500	accent-yellow-500
accent_yellow_600	accent-yellow-600
accent_yellow_700	accent-yellow-700
accent_yellow_800	accent-yellow-800
accent_yellow_900	accent-yellow-900
accent_yellow_950	accent-yellow-950
accent_zinc_100	accent-zinc-100
accent_zinc_200	accent-zinc-200
accent_zinc_300	accent-zinc-300
accent_zinc_400	accent-zinc-400
accent_zinc_50	accent-zinc-50
accent_zinc_500	accent-zinc-500
accent_zinc_600	accent-zinc-600
accent_zinc_700	accent-zinc-700
accent_zinc_800	accent-zinc-800
accent_zinc_900	accent-zinc-900
accent_zinc_950	accent-zinc-950

Arbitraries

TailwindJS token	TailwindCSS token
accent_arbitrary, accent_arb	accent-[…]
accent_amber_arbitrary, accent_amber_arb	accent-amber-[…]
accent_blue_arbitrary, accent_blue_arb	accent-blue-[…]
accent_cyan_arbitrary, accent_cyan_arb	accent-cyan-[…]
accent_emerald_arbitrary, accent_emerald_arb	accent-emerald-[…]
accent_fuchsia_arbitrary, accent_fuchsia_arb	accent-fuchsia-[…]
accent_gray_arbitrary, accent_gray_arb	accent-gray-[…]
accent_green_arbitrary, accent_green_arb	accent-green-[…]
accent_indigo_arbitrary, accent_indigo_arb	accent-indigo-[…]
accent_lime_arbitrary, accent_lime_arb	accent-lime-[…]
accent_neutral_arbitrary, accent_neutral_arb	accent-neutral-[…]
accent_orange_arbitrary, accent_orange_arb	accent-orange-[…]
accent_pink_arbitrary, accent_pink_arb	accent-pink-[…]
accent_purple_arbitrary, accent_purple_arb	accent-purple-[…]
accent_red_arbitrary, accent_red_arb	accent-red-[…]
accent_rose_arbitrary, accent_rose_arb	accent-rose-[…]
accent_sky_arbitrary, accent_sky_arb	accent-sky-[…]
accent_slate_arbitrary, accent_slate_arb	accent-slate-[…]
accent_stone_arbitrary, accent_stone_arb	accent-stone-[…]
accent_teal_arbitrary, accent_teal_arb	accent-teal-[…]
accent_violet_arbitrary, accent_violet_arb	accent-violet-[…]
accent_yellow_arbitrary, accent_yellow_arb	accent-yellow-[…]
accent_zinc_arbitrary, accent_zinc_arb	accent-zinc-[…]

Appearance

Utilities for suppressing native form control styling.

Group

TailwindJS token
appearance_utilities

Utilities

TailwindJS token	TailwindCSS token
appearance_auto	appearance-auto
appearance_none	appearance-none

Caret Color

Utilities for controlling the color of the text input cursor.

Group

TailwindJS token
caret_color_utilities

Utilities

TailwindJS token	TailwindCSS token
caret_amber_100	caret-amber-100
caret_amber_200	caret-amber-200
caret_amber_300	caret-amber-300
caret_amber_400	caret-amber-400
caret_amber_50	caret-amber-50
caret_amber_500	caret-amber-500
caret_amber_600	caret-amber-600
caret_amber_700	caret-amber-700
caret_amber_800	caret-amber-800
caret_amber_900	caret-amber-900
caret_amber_950	caret-amber-950
caret_black	caret-black
caret_blue_100	caret-blue-100
caret_blue_200	caret-blue-200
caret_blue_300	caret-blue-300
caret_blue_400	caret-blue-400
caret_blue_50	caret-blue-50
caret_blue_500	caret-blue-500
caret_blue_600	caret-blue-600
caret_blue_700	caret-blue-700
caret_blue_800	caret-blue-800
caret_blue_900	caret-blue-900
caret_blue_950	caret-blue-950
caret_current	caret-current
caret_cyan_100	caret-cyan-100
caret_cyan_200	caret-cyan-200
caret_cyan_300	caret-cyan-300
caret_cyan_400	caret-cyan-400
caret_cyan_50	caret-cyan-50
caret_cyan_500	caret-cyan-500
caret_cyan_600	caret-cyan-600
caret_cyan_700	caret-cyan-700
caret_cyan_800	caret-cyan-800
caret_cyan_900	caret-cyan-900
caret_cyan_950	caret-cyan-950
caret_emerald_100	caret-emerald-100
caret_emerald_200	caret-emerald-200
caret_emerald_300	caret-emerald-300
caret_emerald_400	caret-emerald-400
caret_emerald_50	caret-emerald-50
caret_emerald_500	caret-emerald-500
caret_emerald_600	caret-emerald-600
caret_emerald_700	caret-emerald-700
caret_emerald_800	caret-emerald-800
caret_emerald_900	caret-emerald-900
caret_emerald_950	caret-emerald-950
caret_fuchsia_100	caret-fuchsia-100
caret_fuchsia_200	caret-fuchsia-200
caret_fuchsia_300	caret-fuchsia-300
caret_fuchsia_400	caret-fuchsia-400
caret_fuchsia_50	caret-fuchsia-50
caret_fuchsia_500	caret-fuchsia-500
caret_fuchsia_600	caret-fuchsia-600
caret_fuchsia_700	caret-fuchsia-700
caret_fuchsia_800	caret-fuchsia-800
caret_fuchsia_900	caret-fuchsia-900
caret_fuchsia_950	caret-fuchsia-950
caret_gray_100	caret-gray-100
caret_gray_200	caret-gray-200
caret_gray_300	caret-gray-300
caret_gray_400	caret-gray-400
caret_gray_50	caret-gray-50
caret_gray_500	caret-gray-500
caret_gray_600	caret-gray-600
caret_gray_700	caret-gray-700
caret_gray_800	caret-gray-800
caret_gray_900	caret-gray-900
caret_gray_950	caret-gray-950
caret_green_100	caret-green-100
caret_green_200	caret-green-200
caret_green_300	caret-green-300
caret_green_400	caret-green-400
caret_green_50	caret-green-50
caret_green_500	caret-green-500
caret_green_600	caret-green-600
caret_green_700	caret-green-700
caret_green_800	caret-green-800
caret_green_900	caret-green-900
caret_green_950	caret-green-950
caret_indigo_100	caret-indigo-100
caret_indigo_200	caret-indigo-200
caret_indigo_300	caret-indigo-300
caret_indigo_400	caret-indigo-400
caret_indigo_50	caret-indigo-50
caret_indigo_500	caret-indigo-500
caret_indigo_600	caret-indigo-600
caret_indigo_700	caret-indigo-700
caret_indigo_800	caret-indigo-800
caret_indigo_900	caret-indigo-900
caret_indigo_950	caret-indigo-950
caret_inherit	caret-inherit
caret_lime_100	caret-lime-100
caret_lime_200	caret-lime-200
caret_lime_300	caret-lime-300
caret_lime_400	caret-lime-400
caret_lime_50	caret-lime-50
caret_lime_500	caret-lime-500
caret_lime_600	caret-lime-600
caret_lime_700	caret-lime-700
caret_lime_800	caret-lime-800
caret_lime_900	caret-lime-900
caret_lime_950	caret-lime-950
caret_neutral_100	caret-neutral-100
caret_neutral_200	caret-neutral-200
caret_neutral_300	caret-neutral-300
caret_neutral_400	caret-neutral-400
caret_neutral_50	caret-neutral-50
caret_neutral_500	caret-neutral-500
caret_neutral_600	caret-neutral-600
caret_neutral_700	caret-neutral-700
caret_neutral_800	caret-neutral-800
caret_neutral_900	caret-neutral-900
caret_neutral_950	caret-neutral-950
caret_orange_100	caret-orange-100
caret_orange_200	caret-orange-200
caret_orange_300	caret-orange-300
caret_orange_400	caret-orange-400
caret_orange_50	caret-orange-50
caret_orange_500	caret-orange-500
caret_orange_600	caret-orange-600
caret_orange_700	caret-orange-700
caret_orange_800	caret-orange-800
caret_orange_900	caret-orange-900
caret_orange_950	caret-orange-950
caret_pink_100	caret-pink-100
caret_pink_200	caret-pink-200
caret_pink_300	caret-pink-300
caret_pink_400	caret-pink-400
caret_pink_50	caret-pink-50
caret_pink_500	caret-pink-500
caret_pink_600	caret-pink-600
caret_pink_700	caret-pink-700
caret_pink_800	caret-pink-800
caret_pink_900	caret-pink-900
caret_pink_950	caret-pink-950
caret_purple_100	caret-purple-100
caret_purple_200	caret-purple-200
caret_purple_300	caret-purple-300
caret_purple_400	caret-purple-400
caret_purple_50	caret-purple-50
caret_purple_500	caret-purple-500
caret_purple_600	caret-purple-600
caret_purple_700	caret-purple-700
caret_purple_800	caret-purple-800
caret_purple_900	caret-purple-900
caret_purple_950	caret-purple-950
caret_red_100	caret-red-100
caret_red_200	caret-red-200
caret_red_300	caret-red-300
caret_red_400	caret-red-400
caret_red_50	caret-red-50
caret_red_500	caret-red-500
caret_red_600	caret-red-600
caret_red_700	caret-red-700
caret_red_800	caret-red-800
caret_red_900	caret-red-900
caret_red_950	caret-red-950
caret_rose_100	caret-rose-100
caret_rose_200	caret-rose-200
caret_rose_300	caret-rose-300
caret_rose_400	caret-rose-400
caret_rose_50	caret-rose-50
caret_rose_500	caret-rose-500
caret_rose_600	caret-rose-600
caret_rose_700	caret-rose-700
caret_rose_800	caret-rose-800
caret_rose_900	caret-rose-900
caret_rose_950	caret-rose-950
caret_sky_100	caret-sky-100
caret_sky_200	caret-sky-200
caret_sky_300	caret-sky-300
caret_sky_400	caret-sky-400
caret_sky_50	caret-sky-50
caret_sky_500	caret-sky-500
caret_sky_600	caret-sky-600
caret_sky_700	caret-sky-700
caret_sky_800	caret-sky-800
caret_sky_900	caret-sky-900
caret_sky_950	caret-sky-950
caret_slate_100	caret-slate-100
caret_slate_200	caret-slate-200
caret_slate_300	caret-slate-300
caret_slate_400	caret-slate-400
caret_slate_50	caret-slate-50
caret_slate_500	caret-slate-500
caret_slate_600	caret-slate-600
caret_slate_700	caret-slate-700
caret_slate_800	caret-slate-800
caret_slate_900	caret-slate-900
caret_slate_950	caret-slate-950
caret_stone_100	caret-stone-100
caret_stone_200	caret-stone-200
caret_stone_300	caret-stone-300
caret_stone_400	caret-stone-400
caret_stone_50	caret-stone-50
caret_stone_500	caret-stone-500
caret_stone_600	caret-stone-600
caret_stone_700	caret-stone-700
caret_stone_800	caret-stone-800
caret_stone_900	caret-stone-900
caret_stone_950	caret-stone-950
caret_teal_100	caret-teal-100
caret_teal_200	caret-teal-200
caret_teal_300	caret-teal-300
caret_teal_400	caret-teal-400
caret_teal_50	caret-teal-50
caret_teal_500	caret-teal-500
caret_teal_600	caret-teal-600
caret_teal_700	caret-teal-700
caret_teal_800	caret-teal-800
caret_teal_900	caret-teal-900
caret_teal_950	caret-teal-950
caret_transparent	caret-transparent
caret_violet_100	caret-violet-100
caret_violet_200	caret-violet-200
caret_violet_300	caret-violet-300
caret_violet_400	caret-violet-400
caret_violet_50	caret-violet-50
caret_violet_500	caret-violet-500
caret_violet_600	caret-violet-600
caret_violet_700	caret-violet-700
caret_violet_800	caret-violet-800
caret_violet_900	caret-violet-900
caret_violet_950	caret-violet-950
caret_white	caret-white
caret_yellow_100	caret-yellow-100
caret_yellow_200	caret-yellow-200
caret_yellow_300	caret-yellow-300
caret_yellow_400	caret-yellow-400
caret_yellow_50	caret-yellow-50
caret_yellow_500	caret-yellow-500
caret_yellow_600	caret-yellow-600
caret_yellow_700	caret-yellow-700
caret_yellow_800	caret-yellow-800
caret_yellow_900	caret-yellow-900
caret_yellow_950	caret-yellow-950
caret_zinc_100	caret-zinc-100
caret_zinc_200	caret-zinc-200
caret_zinc_300	caret-zinc-300
caret_zinc_400	caret-zinc-400
caret_zinc_50	caret-zinc-50
caret_zinc_500	caret-zinc-500
caret_zinc_600	caret-zinc-600
caret_zinc_700	caret-zinc-700
caret_zinc_800	caret-zinc-800
caret_zinc_900	caret-zinc-900
caret_zinc_950	caret-zinc-950

Arbitraries

TailwindJS token	TailwindCSS token
caret_arbitrary, caret_arb	caret-[…]
caret_amber_arbitrary, caret_amber_arb	caret-amber-[…]
caret_blue_arbitrary, caret_blue_arb	caret-blue-[…]
caret_cyan_arbitrary, caret_cyan_arb	caret-cyan-[…]
caret_emerald_arbitrary, caret_emerald_arb	caret-emerald-[…]
caret_fuchsia_arbitrary, caret_fuchsia_arb	caret-fuchsia-[…]
caret_gray_arbitrary, caret_gray_arb	caret-gray-[…]
caret_green_arbitrary, caret_green_arb	caret-green-[…]
caret_indigo_arbitrary, caret_indigo_arb	caret-indigo-[…]
caret_lime_arbitrary, caret_lime_arb	caret-lime-[…]
caret_neutral_arbitrary, caret_neutral_arb	caret-neutral-[…]
caret_orange_arbitrary, caret_orange_arb	caret-orange-[…]
caret_pink_arbitrary, caret_pink_arb	caret-pink-[…]
caret_purple_arbitrary, caret_purple_arb	caret-purple-[…]
caret_red_arbitrary, caret_red_arb	caret-red-[…]
caret_rose_arbitrary, caret_rose_arb	caret-rose-[…]
caret_sky_arbitrary, caret_sky_arb	caret-sky-[…]
caret_slate_arbitrary, caret_slate_arb	caret-slate-[…]
caret_stone_arbitrary, caret_stone_arb	caret-stone-[…]
caret_teal_arbitrary, caret_teal_arb	caret-teal-[…]
caret_violet_arbitrary, caret_violet_arb	caret-violet-[…]
caret_yellow_arbitrary, caret_yellow_arb	caret-yellow-[…]
caret_zinc_arbitrary, caret_zinc_arb	caret-zinc-[…]

Cursor

Utilities for controlling the cursor style when hovering over an element.

Group

TailwindJS token
cursor_utilities

Utilities

TailwindJS token	TailwindCSS token
cursor_alias	cursor-alias
cursor_all_scroll	cursor-all-scroll
cursor_auto	cursor-auto
cursor_cell	cursor-cell
cursor_col_resize	cursor-col-resize
cursor_context_menu	cursor-context-menu
cursor_copy	cursor-copy
cursor_crosshair	cursor-crosshair
cursor_default	cursor-default
cursor_e_resize	cursor-e-resize
cursor_ew_resize	cursor-ew-resize
cursor_grab	cursor-grab
cursor_grabbing	cursor-grabbing
cursor_help	cursor-help
cursor_move	cursor-move
cursor_n_resize	cursor-n-resize
cursor_ne_resize	cursor-ne-resize
cursor_nesw_resize	cursor-nesw-resize
cursor_no_drop	cursor-no-drop
cursor_none	cursor-none
cursor_not_allowed	cursor-not-allowed
cursor_ns_resize	cursor-ns-resize
cursor_nw_resize	cursor-nw-resize
cursor_nwse_resize	cursor-nwse-resize
cursor_pointer	cursor-pointer
cursor_progress	cursor-progress
cursor_row_resize	cursor-row-resize
cursor_s_resize	cursor-s-resize
cursor_se_resize	cursor-se-resize
cursor_sw_resize	cursor-sw-resize
cursor_text	cursor-text
cursor_vertical_text	cursor-vertical-text
cursor_w_resize	cursor-w-resize
cursor_wait	cursor-wait
cursor_zoom_in	cursor-zoom-in
cursor_zoom_out	cursor-zoom-out

Arbitraries

TailwindJS token	TailwindCSS token
cursor_arbitrary, cursor_arb	cursor-[…]
cursor_all_arbitrary, cursor_all_arb	cursor-all-[…]
cursor_col_arbitrary, cursor_col_arb	cursor-col-[…]
cursor_context_arbitrary, cursor_context_arb	cursor-context-[…]
cursor_e_arbitrary, cursor_e_arb	cursor-e-[…]
cursor_ew_arbitrary, cursor_ew_arb	cursor-ew-[…]
cursor_n_arbitrary, cursor_n_arb	cursor-n-[…]
cursor_ne_arbitrary, cursor_ne_arb	cursor-ne-[…]
cursor_nesw_arbitrary, cursor_nesw_arb	cursor-nesw-[…]
cursor_no_arbitrary, cursor_no_arb	cursor-no-[…]
cursor_not_arbitrary, cursor_not_arb	cursor-not-[…]
cursor_ns_arbitrary, cursor_ns_arb	cursor-ns-[…]
cursor_nw_arbitrary, cursor_nw_arb	cursor-nw-[…]
cursor_nwse_arbitrary, cursor_nwse_arb	cursor-nwse-[…]
cursor_row_arbitrary, cursor_row_arb	cursor-row-[…]
cursor_s_arbitrary, cursor_s_arb	cursor-s-[…]
cursor_se_arbitrary, cursor_se_arb	cursor-se-[…]
cursor_sw_arbitrary, cursor_sw_arb	cursor-sw-[…]
cursor_vertical_arbitrary, cursor_vertical_arb	cursor-vertical-[…]
cursor_w_arbitrary, cursor_w_arb	cursor-w-[…]
cursor_zoom_arbitrary, cursor_zoom_arb	cursor-zoom-[…]

Pointer Events

Utilities for controlling whether an element responds to pointer events.

Group

TailwindJS token
pointer_events_utilities

Utilities

TailwindJS token	TailwindCSS token
pointer_events_auto	pointer-events-auto
pointer_events_none	pointer-events-none

Resize

Utilities for controlling how an element can be resized.

Group

TailwindJS token
resize_utilities

Utilities

TailwindJS token	TailwindCSS token
resize	resize
resize_none	resize-none
resize_x	resize-x
resize_y	resize-y

Scroll Behavior

Utilities for controlling the scroll behavior of an element.

Group

TailwindJS token
scroll_behavior_utilities

Utilities

TailwindJS token	TailwindCSS token
scroll_auto	scroll-auto
scroll_smooth	scroll-smooth

Scroll Margin

Utilities for controlling the scroll offset around items in a snap container.

Group

TailwindJS token
scroll_margin_utilities

Utilities

TailwindJS token	TailwindCSS token
scroll_m_0	scroll-m-0
scroll_m_0_5	scroll-m-0.5
scroll_m_1	scroll-m-1
scroll_m_10	scroll-m-10
scroll_m_11	scroll-m-11
scroll_m_12	scroll-m-12
scroll_m_14	scroll-m-14
scroll_m_16	scroll-m-16
scroll_m_1_5	scroll-m-1.5
scroll_m_2	scroll-m-2
scroll_m_20	scroll-m-20
scroll_m_24	scroll-m-24
scroll_m_28	scroll-m-28
scroll_m_2_5	scroll-m-2.5
scroll_m_3	scroll-m-3
scroll_m_32	scroll-m-32
scroll_m_36	scroll-m-36
scroll_m_3_5	scroll-m-3.5
scroll_m_4	scroll-m-4
scroll_m_40	scroll-m-40
scroll_m_44	scroll-m-44
scroll_m_48	scroll-m-48
scroll_m_5	scroll-m-5
scroll_m_52	scroll-m-52
scroll_m_56	scroll-m-56
scroll_m_6	scroll-m-6
scroll_m_60	scroll-m-60
scroll_m_64	scroll-m-64
scroll_m_7	scroll-m-7
scroll_m_72	scroll-m-72
scroll_m_8	scroll-m-8
scroll_m_80	scroll-m-80
scroll_m_9	scroll-m-9
scroll_m_96	scroll-m-96
scroll_m_px	scroll-m-px
scroll_mb_0	scroll-mb-0
scroll_mb_0_5	scroll-mb-0.5
scroll_mb_1	scroll-mb-1
scroll_mb_10	scroll-mb-10
scroll_mb_11	scroll-mb-11
scroll_mb_12	scroll-mb-12
scroll_mb_14	scroll-mb-14
scroll_mb_16	scroll-mb-16
scroll_mb_1_5	scroll-mb-1.5
scroll_mb_2	scroll-mb-2
scroll_mb_20	scroll-mb-20
scroll_mb_24	scroll-mb-24
scroll_mb_28	scroll-mb-28
scroll_mb_2_5	scroll-mb-2.5
scroll_mb_3	scroll-mb-3
scroll_mb_32	scroll-mb-32
scroll_mb_36	scroll-mb-36
scroll_mb_3_5	scroll-mb-3.5
scroll_mb_4	scroll-mb-4
scroll_mb_40	scroll-mb-40
scroll_mb_44	scroll-mb-44
scroll_mb_48	scroll-mb-48
scroll_mb_5	scroll-mb-5
scroll_mb_52	scroll-mb-52
scroll_mb_56	scroll-mb-56
scroll_mb_6	scroll-mb-6
scroll_mb_60	scroll-mb-60
scroll_mb_64	scroll-mb-64
scroll_mb_7	scroll-mb-7
scroll_mb_72	scroll-mb-72
scroll_mb_8	scroll-mb-8
scroll_mb_80	scroll-mb-80
scroll_mb_9	scroll-mb-9
scroll_mb_96	scroll-mb-96
scroll_mb_px	scroll-mb-px
scroll_me_0	scroll-me-0
scroll_me_0_5	scroll-me-0.5
scroll_me_1	scroll-me-1
scroll_me_10	scroll-me-10
scroll_me_11	scroll-me-11
scroll_me_12	scroll-me-12
scroll_me_14	scroll-me-14
scroll_me_16	scroll-me-16
scroll_me_1_5	scroll-me-1.5
scroll_me_2	scroll-me-2
scroll_me_20	scroll-me-20
scroll_me_24	scroll-me-24
scroll_me_28	scroll-me-28
scroll_me_2_5	scroll-me-2.5
scroll_me_3	scroll-me-3
scroll_me_32	scroll-me-32
scroll_me_36	scroll-me-36
scroll_me_3_5	scroll-me-3.5
scroll_me_4	scroll-me-4
scroll_me_40	scroll-me-40
scroll_me_44	scroll-me-44
scroll_me_48	scroll-me-48
scroll_me_5	scroll-me-5
scroll_me_52	scroll-me-52
scroll_me_56	scroll-me-56
scroll_me_6	scroll-me-6
scroll_me_60	scroll-me-60
scroll_me_64	scroll-me-64
scroll_me_7	scroll-me-7
scroll_me_72	scroll-me-72
scroll_me_8	scroll-me-8
scroll_me_80	scroll-me-80
scroll_me_9	scroll-me-9
scroll_me_96	scroll-me-96
scroll_me_px	scroll-me-px
scroll_ml_0	scroll-ml-0
scroll_ml_0_5	scroll-ml-0.5
scroll_ml_1	scroll-ml-1
scroll_ml_10	scroll-ml-10
scroll_ml_11	scroll-ml-11
scroll_ml_12	scroll-ml-12
scroll_ml_14	scroll-ml-14
scroll_ml_16	scroll-ml-16
scroll_ml_1_5	scroll-ml-1.5
scroll_ml_2	scroll-ml-2
scroll_ml_20	scroll-ml-20
scroll_ml_24	scroll-ml-24
scroll_ml_28	scroll-ml-28
scroll_ml_2_5	scroll-ml-2.5
scroll_ml_3	scroll-ml-3
scroll_ml_32	scroll-ml-32
scroll_ml_36	scroll-ml-36
scroll_ml_3_5	scroll-ml-3.5
scroll_ml_4	scroll-ml-4
scroll_ml_40	scroll-ml-40
scroll_ml_44	scroll-ml-44
scroll_ml_48	scroll-ml-48
scroll_ml_5	scroll-ml-5
scroll_ml_52	scroll-ml-52
scroll_ml_56	scroll-ml-56
scroll_ml_6	scroll-ml-6
scroll_ml_60	scroll-ml-60
scroll_ml_64	scroll-ml-64
scroll_ml_7	scroll-ml-7
scroll_ml_72	scroll-ml-72
scroll_ml_8	scroll-ml-8
scroll_ml_80	scroll-ml-80
scroll_ml_9	scroll-ml-9
scroll_ml_96	scroll-ml-96
scroll_ml_px	scroll-ml-px
scroll_mr_0	scroll-mr-0
scroll_mr_0_5	scroll-mr-0.5
scroll_mr_1	scroll-mr-1
scroll_mr_10	scroll-mr-10
scroll_mr_11	scroll-mr-11
scroll_mr_12	scroll-mr-12
scroll_mr_14	scroll-mr-14
scroll_mr_16	scroll-mr-16
scroll_mr_1_5	scroll-mr-1.5
scroll_mr_2	scroll-mr-2
scroll_mr_20	scroll-mr-20
scroll_mr_24	scroll-mr-24
scroll_mr_28	scroll-mr-28
scroll_mr_2_5	scroll-mr-2.5
scroll_mr_3	scroll-mr-3
scroll_mr_32	scroll-mr-32
scroll_mr_36	scroll-mr-36
scroll_mr_3_5	scroll-mr-3.5
scroll_mr_4	scroll-mr-4
scroll_mr_40	scroll-mr-40
scroll_mr_44	scroll-mr-44
scroll_mr_48	scroll-mr-48
scroll_mr_5	scroll-mr-5
scroll_mr_52	scroll-mr-52
scroll_mr_56	scroll-mr-56
scroll_mr_6	scroll-mr-6
scroll_mr_60	scroll-mr-60
scroll_mr_64	scroll-mr-64
scroll_mr_7	scroll-mr-7
scroll_mr_72	scroll-mr-72
scroll_mr_8	scroll-mr-8
scroll_mr_80	scroll-mr-80
scroll_mr_9	scroll-mr-9
scroll_mr_96	scroll-mr-96
scroll_mr_px	scroll-mr-px
scroll_ms_0	scroll-ms-0
scroll_ms_0_5	scroll-ms-0.5
scroll_ms_1	scroll-ms-1
scroll_ms_10	scroll-ms-10
scroll_ms_11	scroll-ms-11
scroll_ms_12	scroll-ms-12
scroll_ms_14	scroll-ms-14
scroll_ms_16	scroll-ms-16
scroll_ms_1_5	scroll-ms-1.5
scroll_ms_2	scroll-ms-2
scroll_ms_20	scroll-ms-20
scroll_ms_24	scroll-ms-24
scroll_ms_28	scroll-ms-28
scroll_ms_2_5	scroll-ms-2.5
scroll_ms_3	scroll-ms-3
scroll_ms_32	scroll-ms-32
scroll_ms_36	scroll-ms-36
scroll_ms_3_5	scroll-ms-3.5
scroll_ms_4	scroll-ms-4
scroll_ms_40	scroll-ms-40
scroll_ms_44	scroll-ms-44
scroll_ms_48	scroll-ms-48
scroll_ms_5	scroll-ms-5
scroll_ms_52	scroll-ms-52
scroll_ms_56	scroll-ms-56
scroll_ms_6	scroll-ms-6
scroll_ms_60	scroll-ms-60
scroll_ms_64	scroll-ms-64
scroll_ms_7	scroll-ms-7
scroll_ms_72	scroll-ms-72
scroll_ms_8	scroll-ms-8
scroll_ms_80	scroll-ms-80
scroll_ms_9	scroll-ms-9
scroll_ms_96	scroll-ms-96
scroll_ms_px	scroll-ms-px
scroll_mt_0	scroll-mt-0
scroll_mt_0_5	scroll-mt-0.5
scroll_mt_1	scroll-mt-1
scroll_mt_10	scroll-mt-10
scroll_mt_11	scroll-mt-11
scroll_mt_12	scroll-mt-12
scroll_mt_14	scroll-mt-14
scroll_mt_16	scroll-mt-16
scroll_mt_1_5	scroll-mt-1.5
scroll_mt_2	scroll-mt-2
scroll_mt_20	scroll-mt-20
scroll_mt_24	scroll-mt-24
scroll_mt_28	scroll-mt-28
scroll_mt_2_5	scroll-mt-2.5
scroll_mt_3	scroll-mt-3
scroll_mt_32	scroll-mt-32
scroll_mt_36	scroll-mt-36
scroll_mt_3_5	scroll-mt-3.5
scroll_mt_4	scroll-mt-4
scroll_mt_40	scroll-mt-40
scroll_mt_44	scroll-mt-44
scroll_mt_48	scroll-mt-48
scroll_mt_5	scroll-mt-5
scroll_mt_52	scroll-mt-52
scroll_mt_56	scroll-mt-56
scroll_mt_6	scroll-mt-6
scroll_mt_60	scroll-mt-60
scroll_mt_64	scroll-mt-64
scroll_mt_7	scroll-mt-7
scroll_mt_72	scroll-mt-72
scroll_mt_8	scroll-mt-8
scroll_mt_80	scroll-mt-80
scroll_mt_9	scroll-mt-9
scroll_mt_96	scroll-mt-96
scroll_mt_px	scroll-mt-px
scroll_mx_0	scroll-mx-0
scroll_mx_0_5	scroll-mx-0.5
scroll_mx_1	scroll-mx-1
scroll_mx_10	scroll-mx-10
scroll_mx_11	scroll-mx-11
scroll_mx_12	scroll-mx-12
scroll_mx_14	scroll-mx-14
scroll_mx_16	scroll-mx-16
scroll_mx_1_5	scroll-mx-1.5
scroll_mx_2	scroll-mx-2
scroll_mx_20	scroll-mx-20
scroll_mx_24	scroll-mx-24
scroll_mx_28	scroll-mx-28
scroll_mx_2_5	scroll-mx-2.5
scroll_mx_3	scroll-mx-3
scroll_mx_32	scroll-mx-32
scroll_mx_36	scroll-mx-36
scroll_mx_3_5	scroll-mx-3.5
scroll_mx_4	scroll-mx-4
scroll_mx_40	scroll-mx-40
scroll_mx_44	scroll-mx-44
scroll_mx_48	scroll-mx-48
scroll_mx_5	scroll-mx-5
scroll_mx_52	scroll-mx-52
scroll_mx_56	scroll-mx-56
scroll_mx_6	scroll-mx-6
scroll_mx_60	scroll-mx-60
scroll_mx_64	scroll-mx-64
scroll_mx_7	scroll-mx-7
scroll_mx_72	scroll-mx-72
scroll_mx_8	scroll-mx-8
scroll_mx_80	scroll-mx-80
scroll_mx_9	scroll-mx-9
scroll_mx_96	scroll-mx-96
scroll_mx_px	scroll-mx-px
scroll_my_0	scroll-my-0
scroll_my_0_5	scroll-my-0.5
scroll_my_1	scroll-my-1
scroll_my_10	scroll-my-10
scroll_my_11	scroll-my-11
scroll_my_12	scroll-my-12
scroll_my_14	scroll-my-14
scroll_my_16	scroll-my-16
scroll_my_1_5	scroll-my-1.5
scroll_my_2	scroll-my-2
scroll_my_20	scroll-my-20
scroll_my_24	scroll-my-24
scroll_my_28	scroll-my-28
scroll_my_2_5	scroll-my-2.5
scroll_my_3	scroll-my-3
scroll_my_32	scroll-my-32
scroll_my_36	scroll-my-36
scroll_my_3_5	scroll-my-3.5
scroll_my_4	scroll-my-4
scroll_my_40	scroll-my-40
scroll_my_44	scroll-my-44
scroll_my_48	scroll-my-48
scroll_my_5	scroll-my-5
scroll_my_52	scroll-my-52
scroll_my_56	scroll-my-56
scroll_my_6	scroll-my-6
scroll_my_60	scroll-my-60
scroll_my_64	scroll-my-64
scroll_my_7	scroll-my-7
scroll_my_72	scroll-my-72
scroll_my_8	scroll-my-8
scroll_my_80	scroll-my-80
scroll_my_9	scroll-my-9
scroll_my_96	scroll-my-96
scroll_my_px	scroll-my-px

Arbitraries

TailwindJS token	TailwindCSS token
scroll_m_arbitrary, scroll_m_arb	scroll-m-[…]
scroll_mb_arbitrary, scroll_mb_arb	scroll-mb-[…]
scroll_me_arbitrary, scroll_me_arb	scroll-me-[…]
scroll_ml_arbitrary, scroll_ml_arb	scroll-ml-[…]
scroll_mr_arbitrary, scroll_mr_arb	scroll-mr-[…]
scroll_ms_arbitrary, scroll_ms_arb	scroll-ms-[…]
scroll_mt_arbitrary, scroll_mt_arb	scroll-mt-[…]
scroll_mx_arbitrary, scroll_mx_arb	scroll-mx-[…]
scroll_my_arbitrary, scroll_my_arb	scroll-my-[…]

Scroll Padding

Utilities for controlling an element's scroll offset within a snap container.

Group

TailwindJS token
scroll_padding_utilities

Utilities

TailwindJS token	TailwindCSS token
scroll_p_0	scroll-p-0
scroll_p_0_5	scroll-p-0.5
scroll_p_1	scroll-p-1
scroll_p_10	scroll-p-10
scroll_p_11	scroll-p-11
scroll_p_12	scroll-p-12
scroll_p_14	scroll-p-14
scroll_p_16	scroll-p-16
scroll_p_1_5	scroll-p-1.5
scroll_p_2	scroll-p-2
scroll_p_20	scroll-p-20
scroll_p_24	scroll-p-24
scroll_p_28	scroll-p-28
scroll_p_2_5	scroll-p-2.5
scroll_p_3	scroll-p-3
scroll_p_32	scroll-p-32
scroll_p_36	scroll-p-36
scroll_p_3_5	scroll-p-3.5
scroll_p_4	scroll-p-4
scroll_p_40	scroll-p-40
scroll_p_44	scroll-p-44
scroll_p_48	scroll-p-48
scroll_p_5	scroll-p-5
scroll_p_52	scroll-p-52
scroll_p_56	scroll-p-56
scroll_p_6	scroll-p-6
scroll_p_60	scroll-p-60
scroll_p_64	scroll-p-64
scroll_p_7	scroll-p-7
scroll_p_72	scroll-p-72
scroll_p_8	scroll-p-8
scroll_p_80	scroll-p-80
scroll_p_9	scroll-p-9
scroll_p_96	scroll-p-96
scroll_p_px	scroll-p-px
scroll_pb_0	scroll-pb-0
scroll_pb_0_5	scroll-pb-0.5
scroll_pb_1	scroll-pb-1
scroll_pb_10	scroll-pb-10
scroll_pb_11	scroll-pb-11
scroll_pb_12	scroll-pb-12
scroll_pb_14	scroll-pb-14
scroll_pb_16	scroll-pb-16
scroll_pb_1_5	scroll-pb-1.5
scroll_pb_2	scroll-pb-2
scroll_pb_20	scroll-pb-20
scroll_pb_24	scroll-pb-24
scroll_pb_28	scroll-pb-28
scroll_pb_2_5	scroll-pb-2.5
scroll_pb_3	scroll-pb-3
scroll_pb_32	scroll-pb-32
scroll_pb_36	scroll-pb-36
scroll_pb_3_5	scroll-pb-3.5
scroll_pb_4	scroll-pb-4
scroll_pb_40	scroll-pb-40
scroll_pb_44	scroll-pb-44
scroll_pb_48	scroll-pb-48
scroll_pb_5	scroll-pb-5
scroll_pb_52	scroll-pb-52
scroll_pb_56	scroll-pb-56
scroll_pb_6	scroll-pb-6
scroll_pb_60	scroll-pb-60
scroll_pb_64	scroll-pb-64
scroll_pb_7	scroll-pb-7
scroll_pb_72	scroll-pb-72
scroll_pb_8	scroll-pb-8
scroll_pb_80	scroll-pb-80
scroll_pb_9	scroll-pb-9
scroll_pb_96	scroll-pb-96
scroll_pb_px	scroll-pb-px
scroll_pe_0	scroll-pe-0
scroll_pe_0_5	scroll-pe-0.5
scroll_pe_1	scroll-pe-1
scroll_pe_10	scroll-pe-10
scroll_pe_11	scroll-pe-11
scroll_pe_12	scroll-pe-12
scroll_pe_14	scroll-pe-14
scroll_pe_16	scroll-pe-16
scroll_pe_1_5	scroll-pe-1.5
scroll_pe_2	scroll-pe-2
scroll_pe_20	scroll-pe-20
scroll_pe_24	scroll-pe-24
scroll_pe_28	scroll-pe-28
scroll_pe_2_5	scroll-pe-2.5
scroll_pe_3	scroll-pe-3
scroll_pe_32	scroll-pe-32
scroll_pe_36	scroll-pe-36
scroll_pe_3_5	scroll-pe-3.5
scroll_pe_4	scroll-pe-4
scroll_pe_40	scroll-pe-40
scroll_pe_44	scroll-pe-44
scroll_pe_48	scroll-pe-48
scroll_pe_5	scroll-pe-5
scroll_pe_52	scroll-pe-52
scroll_pe_56	scroll-pe-56
scroll_pe_6	scroll-pe-6
scroll_pe_60	scroll-pe-60
scroll_pe_64	scroll-pe-64
scroll_pe_7	scroll-pe-7
scroll_pe_72	scroll-pe-72
scroll_pe_8	scroll-pe-8
scroll_pe_80	scroll-pe-80
scroll_pe_9	scroll-pe-9
scroll_pe_96	scroll-pe-96
scroll_pe_px	scroll-pe-px
scroll_pl_0	scroll-pl-0
scroll_pl_0_5	scroll-pl-0.5
scroll_pl_1	scroll-pl-1
scroll_pl_10	scroll-pl-10
scroll_pl_11	scroll-pl-11
scroll_pl_12	scroll-pl-12
scroll_pl_14	scroll-pl-14
scroll_pl_16	scroll-pl-16
scroll_pl_1_5	scroll-pl-1.5
scroll_pl_2	scroll-pl-2
scroll_pl_20	scroll-pl-20
scroll_pl_24	scroll-pl-24
scroll_pl_28	scroll-pl-28
scroll_pl_2_5	scroll-pl-2.5
scroll_pl_3	scroll-pl-3
scroll_pl_32	scroll-pl-32
scroll_pl_36	scroll-pl-36
scroll_pl_3_5	scroll-pl-3.5
scroll_pl_4	scroll-pl-4
scroll_pl_40	scroll-pl-40
scroll_pl_44	scroll-pl-44
scroll_pl_48	scroll-pl-48
scroll_pl_5	scroll-pl-5
scroll_pl_52	scroll-pl-52
scroll_pl_56	scroll-pl-56
scroll_pl_6	scroll-pl-6
scroll_pl_60	scroll-pl-60
scroll_pl_64	scroll-pl-64
scroll_pl_7	scroll-pl-7
scroll_pl_72	scroll-pl-72
scroll_pl_8	scroll-pl-8
scroll_pl_80	scroll-pl-80
scroll_pl_9	scroll-pl-9
scroll_pl_96	scroll-pl-96
scroll_pl_px	scroll-pl-px
scroll_pr_0	scroll-pr-0
scroll_pr_0_5	scroll-pr-0.5
scroll_pr_1	scroll-pr-1
scroll_pr_10	scroll-pr-10
scroll_pr_11	scroll-pr-11
scroll_pr_12	scroll-pr-12
scroll_pr_14	scroll-pr-14
scroll_pr_16	scroll-pr-16
scroll_pr_1_5	scroll-pr-1.5
scroll_pr_2	scroll-pr-2
scroll_pr_20	scroll-pr-20
scroll_pr_24	scroll-pr-24
scroll_pr_28	scroll-pr-28
scroll_pr_2_5	scroll-pr-2.5
scroll_pr_3	scroll-pr-3
scroll_pr_32	scroll-pr-32
scroll_pr_36	scroll-pr-36
scroll_pr_3_5	scroll-pr-3.5
scroll_pr_4	scroll-pr-4
scroll_pr_40	scroll-pr-40
scroll_pr_44	scroll-pr-44
scroll_pr_48	scroll-pr-48
scroll_pr_5	scroll-pr-5
scroll_pr_52	scroll-pr-52
scroll_pr_56	scroll-pr-56
scroll_pr_6	scroll-pr-6
scroll_pr_60	scroll-pr-60
scroll_pr_64	scroll-pr-64
scroll_pr_7	scroll-pr-7
scroll_pr_72	scroll-pr-72
scroll_pr_8	scroll-pr-8
scroll_pr_80	scroll-pr-80
scroll_pr_9	scroll-pr-9
scroll_pr_96	scroll-pr-96
scroll_pr_px	scroll-pr-px
scroll_ps_0	scroll-ps-0
scroll_ps_0_5	scroll-ps-0.5
scroll_ps_1	scroll-ps-1
scroll_ps_10	scroll-ps-10
scroll_ps_11	scroll-ps-11
scroll_ps_12	scroll-ps-12
scroll_ps_14	scroll-ps-14
scroll_ps_16	scroll-ps-16
scroll_ps_1_5	scroll-ps-1.5
scroll_ps_2	scroll-ps-2
scroll_ps_20	scroll-ps-20
scroll_ps_24	scroll-ps-24
scroll_ps_28	scroll-ps-28
scroll_ps_2_5	scroll-ps-2.5
scroll_ps_3	scroll-ps-3
scroll_ps_32	scroll-ps-32
scroll_ps_36	scroll-ps-36
scroll_ps_3_5	scroll-ps-3.5
scroll_ps_4	scroll-ps-4
scroll_ps_40	scroll-ps-40
scroll_ps_44	scroll-ps-44
scroll_ps_48	scroll-ps-48
scroll_ps_5	scroll-ps-5
scroll_ps_52	scroll-ps-52
scroll_ps_56	scroll-ps-56
scroll_ps_6	scroll-ps-6
scroll_ps_60	scroll-ps-60
scroll_ps_64	scroll-ps-64
scroll_ps_7	scroll-ps-7
scroll_ps_72	scroll-ps-72
scroll_ps_8	scroll-ps-8
scroll_ps_80	scroll-ps-80
scroll_ps_9	scroll-ps-9
scroll_ps_96	scroll-ps-96
scroll_ps_px	scroll-ps-px
scroll_pt_0	scroll-pt-0
scroll_pt_0_5	scroll-pt-0.5
scroll_pt_1	scroll-pt-1
scroll_pt_10	scroll-pt-10
scroll_pt_11	scroll-pt-11
scroll_pt_12	scroll-pt-12
scroll_pt_14	scroll-pt-14
scroll_pt_16	scroll-pt-16
scroll_pt_1_5	scroll-pt-1.5
scroll_pt_2	scroll-pt-2
scroll_pt_20	scroll-pt-20
scroll_pt_24	scroll-pt-24
scroll_pt_28	scroll-pt-28
scroll_pt_2_5	scroll-pt-2.5
scroll_pt_3	scroll-pt-3
scroll_pt_32	scroll-pt-32
scroll_pt_36	scroll-pt-36
scroll_pt_3_5	scroll-pt-3.5
scroll_pt_4	scroll-pt-4
scroll_pt_40	scroll-pt-40
scroll_pt_44	scroll-pt-44
scroll_pt_48	scroll-pt-48
scroll_pt_5	scroll-pt-5
scroll_pt_52	scroll-pt-52
scroll_pt_56	scroll-pt-56
scroll_pt_6	scroll-pt-6
scroll_pt_60	scroll-pt-60
scroll_pt_64	scroll-pt-64
scroll_pt_7	scroll-pt-7
scroll_pt_72	scroll-pt-72
scroll_pt_8	scroll-pt-8
scroll_pt_80	scroll-pt-80
scroll_pt_9	scroll-pt-9
scroll_pt_96	scroll-pt-96
scroll_pt_px	scroll-pt-px
scroll_px_0	scroll-px-0
scroll_px_0_5	scroll-px-0.5
scroll_px_1	scroll-px-1
scroll_px_10	scroll-px-10
scroll_px_11	scroll-px-11
scroll_px_12	scroll-px-12
scroll_px_14	scroll-px-14
scroll_px_16	scroll-px-16
scroll_px_1_5	scroll-px-1.5
scroll_px_2	scroll-px-2
scroll_px_20	scroll-px-20
scroll_px_24	scroll-px-24
scroll_px_28	scroll-px-28
scroll_px_2_5	scroll-px-2.5
scroll_px_3	scroll-px-3
scroll_px_32	scroll-px-32
scroll_px_36	scroll-px-36
scroll_px_3_5	scroll-px-3.5
scroll_px_4	scroll-px-4
scroll_px_40	scroll-px-40
scroll_px_44	scroll-px-44
scroll_px_48	scroll-px-48
scroll_px_5	scroll-px-5
scroll_px_52	scroll-px-52
scroll_px_56	scroll-px-56
scroll_px_6	scroll-px-6
scroll_px_60	scroll-px-60
scroll_px_64	scroll-px-64
scroll_px_7	scroll-px-7
scroll_px_72	scroll-px-72
scroll_px_8	scroll-px-8
scroll_px_80	scroll-px-80
scroll_px_9	scroll-px-9
scroll_px_96	scroll-px-96
scroll_px_px	scroll-px-px
scroll_py_0	scroll-py-0
scroll_py_0_5	scroll-py-0.5
scroll_py_1	scroll-py-1
scroll_py_10	scroll-py-10
scroll_py_11	scroll-py-11
scroll_py_12	scroll-py-12
scroll_py_14	scroll-py-14
scroll_py_16	scroll-py-16
scroll_py_1_5	scroll-py-1.5
scroll_py_2	scroll-py-2
scroll_py_20	scroll-py-20
scroll_py_24	scroll-py-24
scroll_py_28	scroll-py-28
scroll_py_2_5	scroll-py-2.5
scroll_py_3	scroll-py-3
scroll_py_32	scroll-py-32
scroll_py_36	scroll-py-36
scroll_py_3_5	scroll-py-3.5
scroll_py_4	scroll-py-4
scroll_py_40	scroll-py-40
scroll_py_44	scroll-py-44
scroll_py_48	scroll-py-48
scroll_py_5	scroll-py-5
scroll_py_52	scroll-py-52
scroll_py_56	scroll-py-56
scroll_py_6	scroll-py-6
scroll_py_60	scroll-py-60
scroll_py_64	scroll-py-64
scroll_py_7	scroll-py-7
scroll_py_72	scroll-py-72
scroll_py_8	scroll-py-8
scroll_py_80	scroll-py-80
scroll_py_9	scroll-py-9
scroll_py_96	scroll-py-96
scroll_py_px	scroll-py-px

Arbitraries

TailwindJS token	TailwindCSS token
scroll_p_arbitrary, scroll_p_arb	scroll-p-[…]
scroll_pb_arbitrary, scroll_pb_arb	scroll-pb-[…]
scroll_pe_arbitrary, scroll_pe_arb	scroll-pe-[…]
scroll_pl_arbitrary, scroll_pl_arb	scroll-pl-[…]
scroll_pr_arbitrary, scroll_pr_arb	scroll-pr-[…]
scroll_ps_arbitrary, scroll_ps_arb	scroll-ps-[…]
scroll_pt_arbitrary, scroll_pt_arb	scroll-pt-[…]
scroll_px_arbitrary, scroll_px_arb	scroll-px-[…]
scroll_py_arbitrary, scroll_py_arb	scroll-py-[…]

Scroll Snap Align

Utilities for controlling the scroll snap alignment of an element.

Group

TailwindJS token
scroll_snap_align_utilities

Utilities

TailwindJS token	TailwindCSS token
snap_align_none	snap-align-none
snap_center	snap-center
snap_end	snap-end
snap_start	snap-start

Scroll Snap Stop

Utilities for controlling whether you can skip past possible snap positions.

Group

TailwindJS token
scroll_snap_stop_utilities

Utilities

TailwindJS token	TailwindCSS token
snap_always	snap-always
snap_normal	snap-normal

Scroll Snap Type

Utilities for controlling how strictly snap points are enforced in a snap container.

Group

TailwindJS token
scroll_snap_type_utilities

Utilities

TailwindJS token	TailwindCSS token
snap_both	snap-both
snap_mandatory	snap-mandatory
snap_none	snap-none
snap_proximity	snap-proximity
snap_x	snap-x
snap_y	snap-y

Touch Action

Utilities for controlling how an element can be scrolled and zoomed on touchscreens.

Group

TailwindJS token
touch_action_utilities

Utilities

TailwindJS token	TailwindCSS token
touch_auto	touch-auto
touch_manipulation	touch-manipulation
touch_none	touch-none
touch_pan_down	touch-pan-down
touch_pan_left	touch-pan-left
touch_pan_right	touch-pan-right
touch_pan_up	touch-pan-up
touch_pan_x	touch-pan-x
touch_pan_y	touch-pan-y
touch_pinch_zoom	touch-pinch-zoom

User Select

Utilities for controlling whether the user can select text in an element.

Group

TailwindJS token
user_select_utilities

Utilities

TailwindJS token	TailwindCSS token
select_all	select-all
select_auto	select-auto
select_none	select-none
select_text	select-text

Will Change

Utilities for optimizing upcoming animations of elements that are expected to change.

Group

TailwindJS token
will_change_utilities

Utilities

TailwindJS token	TailwindCSS token
will_change_auto	will-change-auto
will_change_contents	will-change-contents
will_change_scroll	will-change-scroll
will_change_transform	will-change-transform

Arbitraries

TailwindJS token	TailwindCSS token
will_change_arbitrary, will_change_arb	will-change-[…]