From dcfe911b336447a0dde7a43294c6dd462aed672f Mon Sep 17 00:00:00 2001 From: shadcn Date: Mon, 13 Oct 2025 12:38:58 +0400 Subject: [PATCH] docs: button cursor --- apps/v4/content/docs/components/button.mdx | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/apps/v4/content/docs/components/button.mdx b/apps/v4/content/docs/components/button.mdx index 1c28237738..caca347950 100644 --- a/apps/v4/content/docs/components/button.mdx +++ b/apps/v4/content/docs/components/button.mdx @@ -71,7 +71,20 @@ import { Button } from "@/components/ui/button" ``` ---- +## Cursor + +Tailwind v4 [switched](https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor) from `cursor: pointer` to `cursor: default` for the button component. + +If you want to keep the `cursor: pointer` behavior, add the following code to your CSS file: + +```css showLineNumbers title="globals.css" +@layer base { + button:not(:disabled), + [role="button"]:not(:disabled) { + cursor: pointer; + } +} +``` ## Examples