#Limit width of Pill in TagsInput

5 messages · Page 1 of 1 (latest)

digital frost Apr 16, 2024, 6:29 AM

#

Hi, I have a TagInput in which some of the tags that I want to render I longer than the TagsInput width itself. Is there a way to limit the Pill text to the width of the TagInput and have a Tooltip on the Pill? Am I even using the correct element for this or would/does Mantine provide something that would support my use case

tidal zinc Apr 16, 2024, 7:56 AM

#

digital frost Hi, I have a TagInput in which some of the tags that I want to render I longer t...

You can customize component styles with Styles API

digital frost Apr 16, 2024, 7:59 AM

#

Can you give me a short hint as to how? What should I look for? Sorry if this is a dummy question.

tidal zinc Apr 16, 2024, 7:59 AM

#

digital frost Can you give me a short hint as to how? What should I look for? Sorry if this is...

https://mantine.dev/styles/styles-api/

Styles API | Mantine

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

digital frost Apr 16, 2024, 11:13 AM

#

Thanks for the link. I managed to shorten the pill but am unclear on how to add a tooltip to the pill. Is there a way that you know of?