Skip to main content

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

ClinicalKey

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

Input Ref

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, keyof IntrinsicElements>

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