forward-ref-as
v2.0.0
Published
A wrapper around React.forwardRef() that allows HTML attributes and prop types to be derived from the as prop.
Downloads
25,304
Maintainers
jaredlundeReadme
Quick start
import forwardRefAs from 'forward-ref-as'
// Forwards `ref` to the underlying button and adds strong
// types for the `as` prop.
const Button = forwardRefAs<'button', ButtonProps>(
({as: As = 'button', ...props}, ref) => <As ref={ref} {...props} />
)
// ✅ Will pass type checking and autocomplete correctly
;<Button as='a' href='https://jaredLunde.com' />API
forwardRefAs()
A wrapper around React.forwardRef() with the same call signature, but
a type signature that allows as prop HTML attributes and React prop types
to be inferred.
LICENSE
MIT