Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support variant styles

See original GitHub issue

From what I can tell dessert-box doesn’t support variant styles yet, and I think it would be a great addition.

The API I’m looking for is something like

// Button
<Button variant="primary">Call to action</Button>
<Button variant="tertiary">Cancel</Button>

// Text
<Text variant="h1">Lorem ipsum dolor</Text>
<Text variant="h3">Lorem ipsum dolor sit amet</Text>

The variant prop would need to be able to set multiple style properties, e.g. setting variant=primary could change fontSize, backgroundColor etc

Issue Analytics

State:
Created 2 years ago
Reactions:4
Comments:17 (17 by maintainers)

Top GitHub Comments

3reactions

TheMightyPenguincommented, Sep 16, 2021

@tmm @graup @alexandernanberg so as @vanilla-extract/recipes was released, that does provide a great API for variants when using vanilla extract. So with that in mind the createVariants API was removed, and instead I documented how to use this library with recipes:

https://github.com/TheMightyPenguin/dessert-box#variants

I’ll be documenting more patterns, and common use cases in the README!

3reactions

TheMightyPenguincommented, Aug 5, 2021

Awesome, @graup @tmm thanks for the feedback, expect a new release over the upcoming weekend 🙌