ProductName

<ProductName> should be used when referring to an Elsevier product. It displays a small icon, to provide visual differentiation from surrounding content, in addition to the name.

Examples

Basic

View standalone

ClinicalKey

Code

<ProductName
  as="h4"
  name="ClinicalKey"
/>

Input Ref

View standalone

Passing an inputRef.

I have a green icon

Code

<ProductName
  as="h4"
  inputRef={{
    current: '[Circular]'
  }}
  name="I have a green icon"
/>

Props

`as`

ElementType<any>

`className`

string

`name`

string

`inputRef`

Ref<HTMLElement>

Has to not be called ref - done because we also want to use a generic see https://gist.github.com/gaearon/1a018a023347fe1c2476073330cc5509

`atoms`

Applies permitted design system styles. See styling documentation for more.