diff --git a/site/src/content/docs/utilities/user-select.mdx b/site/src/content/docs/utilities/user-select.mdx index 57e6cc3d30d6..82beb8686200 100644 --- a/site/src/content/docs/utilities/user-select.mdx +++ b/site/src/content/docs/utilities/user-select.mdx @@ -15,12 +15,14 @@ Change the way in which the content is selected when the user interacts with it This paragraph will be entirely selected when clicked by the user.

This paragraph has default select behavior.

+

This paragraph will only allow the text to be selected when clicked by the user, even if the CSS user-select property is set to something else.

This paragraph will not be selectable when clicked by the user.

`} /> ## Use cases - **`.user-select-all`** - Useful for code snippets, IDs, or other content users might want to copy entirely - **`.user-select-auto`** - Default browser behavior, allows normal text selection +- **`.user-select-text`** - Forces text to remain selectable, useful for overriding a `user-select: none` set by an ancestor - **`.user-select-none`** - Prevents text selection, useful for UI elements, buttons, or decorative text