@s-ui/react-atom-polymorphic-element

PolymorphicElement

Render a basic polymorphic element capable of rendering a specified html tag or component when passed as a property.

This package is no-longer maintained. Please use @s-ui/react-primitive-polymorphic-element

Installation

$ npm install @s-ui/react-atom-polymorphic-element

Usage

Basic usage

Import package and use the component

import PolymorphicElement from 'components/atom/polymorphicElement/lib/index.js'

function Component() {}

return (
<>
  <PolymorphicElement as="div"/>
  <PolymorphicElement as="h1"/>
  <PolymorphicElement as={Component}/>
</>
)

Properties

Property	Type	Default	Description
as	string | function	'span'	Render the passed value as the correspondent HTML tag or the component if a function is passed.

Find full description and more examples in the demo page.