mirror of
https://github.com/tabler/tabler.git
synced 2026-07-29 06:24:38 +04:00
tooltips and cursors
This commit is contained in:
@@ -1,17 +1,20 @@
|
||||
---
|
||||
title: Cursors
|
||||
description: You can use different cursors to reflect the intended user interaction with particular elements of an interface. The cursor will change when a user hovers over a given element to indicate the action which can be performed.
|
||||
menu: docs.cursors
|
||||
---
|
||||
|
||||
|
||||
## Cursor utilities
|
||||
|
||||
- `.cursor-auto`- cursor style depends on what's inside element
|
||||
- `.cursor-pointer` - pointing cursor
|
||||
- `.cursor-move` - cursor showing that user can move something
|
||||
- `.cursor-not-allowed` - cursor showing that user is not allowed to do something
|
||||
- `.cursor-zoom-in` - cursor showing that user can zoom in
|
||||
- `.cursor-zoom-out` - cursor showing that user can zoom out
|
||||
Use one of the available cursor utilities depending on the action you want to indicate.
|
||||
|
||||
- `.cursor-auto`- the cursor style depends on what's inside a given element
|
||||
- `.cursor-pointer` - a pointing cursor, used to show that an element is clickable
|
||||
- `.cursor-move` - a cursor which shows that a given element can be moved
|
||||
- `.cursor-not-allowed` - a cursor which shows that a user is not allowed to perform an action on an element
|
||||
- `.cursor-zoom-in` - a cursor which shows that a user can zoom in
|
||||
- `.cursor-zoom-out` - a cursor which shows that a user can zoom out
|
||||
|
||||
{% capture code %}
|
||||
<div class="row text-center">
|
||||
|
||||
Reference in New Issue
Block a user