Overview

Selector

The selector for this component is <hawksearch-icon>.

Attributes

Attribute	Type	Default Value	Required
name	IconName		Yes
size	String or number	1em	No

The size attribute determines the height and width of the icon.

Icon Names

The IconType enum lists the icons available to use with this component:

type IconName =
    | 'chevron-back'
    | 'chevron-down'
    | 'chevron-forward'
    | 'chevron-left'
    | 'chevron-right'
    | 'chevron-up'
    | 'cross'
    | 'help'
    | 'minus'
    | 'plus';

Data Model

The following data model is exposed to the Handlebars template:

{
  url: string,
  height: string,
  width: string
}

Default Template

<svg height='{{height}}' width='{{width}}' focusable='false' aria-hidden='true' class='icon'>
    <use href='{{url}}'></use>
</svg>

Icon Component