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

defaultVariants as a function #1

Open
Kelin2025 opened this issue Mar 1, 2024 · 0 comments
Open

defaultVariants as a function #1

Kelin2025 opened this issue Mar 1, 2024 · 0 comments

Comments

@Kelin2025
Copy link

On my current project, some parameters such as colors, sizes etc. can be defined at the upper level
For example

<Field variants={{ size: 'large' }}>
  <Label>...</Label>
  <Input />
</Field>

It's done through React.Context
With that said, it'd be cool to allow defaultVariants to be a function
This way, we can do this:

const Input = withVariants('input', ..., {
  variants: { /* ... */ },
  defaultVariants: {
    size: props => useContext(SizeContext)
  }
})
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