Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ TRichSelect ] Question / Feature #54

Open
nikuscs opened this issue Feb 21, 2022 · 0 comments
Open

[ TRichSelect ] Question / Feature #54

nikuscs opened this issue Feb 21, 2022 · 0 comments

Comments

@nikuscs
Copy link

nikuscs commented Feb 21, 2022

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!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant