Question 1

How do I change the tooltip position in Hint.css?

Accepted Answer

Use position modifier classes like 'hint--bottom' or 'hint--top' on your element along with the aria-label attribute, as demonstrated in the Get Started section of the README. These classes control where the tooltip appears relative to the element.

Question 2

Hint.css vs Tippy.js: which is better for my project?

Accepted Answer

Hint.css is ideal for lightweight, no-JS tooltips with good accessibility and performance, while Tippy.js offers more features like interactive content and dynamic positioning but adds JavaScript overhead. Choose based on whether you need advanced interactivity or prefer a CSS-only solution.

Question 3

Can I use Hint.css with React or Vue?

Accepted Answer

Yes, include the CSS file in your project and add the appropriate classes and attributes to elements. However, for dynamic tooltips that update with state, you'll need to handle attribute changes within your framework, as Hint.css doesn't natively support reactive updates.

Question 4

How can I customize the colors of Hint.css tooltips?

Accepted Answer

Apply color modifier classes such as 'hint--error' or 'hint--success' from the available modifiers. For deeper customization, edit the SASS variables in the source files, as mentioned in the README's section on changing the class prefix.

Question 5

Does Hint.css support right-to-left languages?

Accepted Answer

The README doesn't specify RTL support, so you might need to add custom CSS for RTL layouts. Check the FAQ Wiki for community solutions, as the library focuses on core CSS features without built-in internationalization.

Question 6

How to make tooltips always visible with Hint.css?

Accepted Answer

Use the 'hint--always' modifier class on your element, which displays the tooltip continuously without requiring hover. This is listed in the available modifiers and can be combined with other classes for customization.

hint.css

What is hint.css?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions