tippyjs README

The project's README from github.com/atomiks/tippyjs. As one markdown file: README.md.

Tippy.js logo

Tippy.js

The complete tooltip, popover, dropdown, and menu solution for the web

npm Downloads per Month MIT License

Demo and Documentation

➡️ View the latest demo & docs here

Migration Guide

Installation

Package Managers

# npm
npm i tippy.js

# Yarn
yarn add tippy.js

Import the tippy constructor and the core CSS:

import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';

CDN

<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>

The core CSS comes bundled with the default unpkg import.

Usage

For detailed usage information, visit the docs.

Component Wrappers

License

MIT

tippyjs (atomiks/tippyjs)

Searching Database…

12.2K ·GitHub
archived
Что это такое?Tippy.js — это полноценная библиотека для веба, которая создаёт подсказки, всплывающие окна, выпадающие списки и меню. Она управляет их расположением и взаимодействием с пользователем для всех этих элементов интерфейса на основе одного общего движка.
Это обычная библиотека на JavaScript или мне нужен конкретный фреймворк?В основе это библиотека на чистом JS, которая не привязана к конкретному фреймворку. Для популярных экосистем есть официальная обёртка для React и обёртка для Ember, которую поддерживает сообщество.
Как добавить её в свой проект?Установите её через менеджер пакетов и импортируйте конструктор tippy вместе с базовым CSS, или обойдитесь без этапа сборки и подключите библиотеку из CDN unpkg, который уже включает этот CSS.
Использует ли она под капотом другую библиотеку?Да, tippy.js построен на основе @popperjs/core, которая отвечает за математику позиционирования подсказок и меню.
Tippy.js всё ещё активно поддерживается?Нет, репозиторий заархивирован, поэтому проект по сути заморожен: новых функций, исправлений ошибок и патчей безопасности в дальнейшем не ожидается.
Какие элементы интерфейса может создавать tippy.js помимо простых подсказок?Тот же движок также используется для всплывающих окон, выпадающих списков, меню и виджетов в стиле комбобокса, и все они опираются на общую логику позиционирования и взаимодействия.
Есть ли готовые стили или нужно писать собственный CSS?Вместе с библиотекой идёт базовый CSS-файл, который подключается вместе с JS, а сборка из CDN unpkg уже автоматически включает этот CSS.
Есть ли помощь при переходе между версиями tippy.js?Да, в README есть ссылка на отдельное руководство «Migration Guide» по переходу между основными версиями.
Можно ли использовать tippy.js именно с React или Ember?Да, есть официальная обёртка @tippyjs/react и неофициальная обёртка ember-tippy, созданная сообществом, для приложений на Ember.
Creator
atomiks
Size
17 MB
Stars
12.2K
Age
9y
Commits · 90 Days