variantjs/vue

[ TRichSelect ] Question / Feature

nikuscs opened this issue · 0 comments

First of, thank you for keeping up this amazing library! 📦

I have a question / issue that i would like to ask you whats the best approach to achieve this
Im using the T-Rich-Select component, and i can style mostly anything inside it , but there is one piece i cannot get my head around it. Here is a picture of what im trying to achieve :

image

Or even like TailwindUI

image

So basicly if you have a component group with T-Rich-Select Above and/or another field bellow, you are not able to set for example : "border-b-none" to the dropdown trigger, you can do this via variants, but sometimes you wanna keep the variant and over-ride just this little bit.

Possible solutions :

  • A way to override or inject little settings from outside of the component.
  • Create defaultVariantBellow & defaultVariantAbove and have everything included in the default variant and override only the border-bottom ( example ) ( but this would mean duplicate the variants for 3 times: Above, Bellow, Default )
  • Provide a proper way to slot the dropdown trigger so we can have more control over it.
  • A sintax to override per component level ( via props for example ) only certain parts of the configuration

Once again thanks!