-
Notifications
You must be signed in to change notification settings - Fork 2
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
Tailwind integration #28
Labels
Comments
sergeysova
added
RFC
enhancement
New feature or request
and removed
enhancement
New feature or request
labels
Aug 5, 2022
We might have other integrations in the future, so I think it's better not to litter the core |
What this utility will do? |
Foliage is a build-time stylization library. We can make const size = {
large: tw`px-4 py-2`,
small: tw`px-2 py-1`,
}
const Button = component('button', css``, {
defaults: { size: 'large' },
variants: { size },
})
const Icon = component('svg', css``, {
default: { size: 'small' },
variants: { size },
}) <Button size="small" />
// class="a8sduf-button px-2 py-1"
<Icon />
// class="dhgja7-icon px-2 py-1" |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Would be also cool to see
tw
utilityThe text was updated successfully, but these errors were encountered: