4. Подсказки, tooltips | Создаем свою UI библиотеку

Если кому надо я сделал этот уголок вот так ( clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 5% 100%, 0% 50%); ) . Не то что бы один в один но всеж.

👍👏

Top:50% смещает псевдоэлемент на 50% относительно Элемента, а transform:translateY(-50%) смещает псевдоэлемент на 50% относительно самого себя.

А мог сэкономить 20 минут и сделать уголок before. В любом случае в popper/floating это отдельный элемент.

И очень интересно, как через css позиционировать динамический контакт, учитывая границы экрана и так далее. Пример с заголовком это продемонстрировал