Build a Tooltip Component | Build a Design System Episode 11

Подписаться 9 тыс.

Просмотров 2,7 тыс.

50% 1

Explore our full range of design system and figma training videos on uicollective.co/
Apply to join our Slack design community: www.uicollective.co
Download the free version of our design system:
resources.uicollective.co/che...
Pre-register for the UIC Design System Linter plugin: www.uicollective.co/design-sy...
Email me video suggestions: hello@uicollective.co

Опубликовано:

27 июл 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 17

@smilli6415 4 месяца назад

please do more of this very helpful

@UICollectiveDesign 4 месяца назад

Glad you like it!

@nakreid771 10 месяцев назад

Simple and helpful, thank you!

@UICollectiveDesign 9 месяцев назад

You're welcome!

@andresluna3688 4 месяца назад

Hi! any idea why when I set the triangle in absolute position and when trying to place it outside the frame it looks like it was unfilled color or under the frame?

@UICollectiveDesign 2 месяца назад

Sorry missed this! Can you elaborate on what you mean?

@kriswayne7938 8 месяцев назад

How to add stroke on this so that the auto layout and the 'fix position' polygon does not look like 2 different elements?

@philroe-parkin2822 7 месяцев назад

Yeh I ran into this issue too, tried using a union of box and polygon behind the text but I can't get it to auto size as the text gets longer

@philroe-parkin2822 7 месяцев назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-R0hjH7W3w9A.html Here's another, but if you create multiple varients of the bubble, and then nest them into the frame with the text, you can swap out the different positions of arrow variants

@UICollectiveDesign 4 месяца назад

Sorry had missed this. Looks like a solution is in the thread :)

@smilli6415 4 месяца назад

where can i join this full course

@UICollectiveDesign 4 месяца назад

We have made private while we make adjustments :)

@smilli6415 4 месяца назад

please le me know when its out for public@@UICollectiveDesign

@UICollectiveDesign 4 месяца назад

Will do!@@smilli6415

@Alaguapatos02 10 месяцев назад

I fail to understand where this will be used? on prototypes?

@UICollectiveDesign 9 месяцев назад

It's a component for a design system. It can be used in prototypes, be developed to be included in a web app, etc...

@Alaguapatos02 9 месяцев назад

@@UICollectiveDesign oh oh oh, my bad, it is a UI component. I though it was a dummy component to use along with prototypes for documentation purposes. Like to add comments in certain parts of a design for the stakeholders to review. (Lately i was in need for that, so maybe i took your video a bit biased :D) apologies.