Polymorphism for Composing React Components

[Hamzat Victor Oluwabori]

I need "as" prop for polymorphism in a styled react component.
I've accessed the styles and variants through the className prop,
but I don't know if there's a way to get the as prop.

const baseButton = ({ onclick, className, children }) => {
  //...
  return <button className={className}>{children}</button>;
};
const Button = styled(baseButton, {
  //styles...
});

[Abdul]

Could you please provider a full example of what you're trying to do?

[Hamzat Victor Oluwabori]

I wish to have this sort of functionality.

<Button as="a" href="#" >hello</Button>

[Abdul]

That's already part of Stitches but if you do that, baseButton would be replaced by a.

[Abdul]

we have new changes merged with canary that will allow you to control polymorphism using a new withConfig API but that isn't released yet

[Hamzat Victor Oluwabori]

Thanks so much for the assistance using the "withConfig" API would come in handy in solving the issue 👍