#Icon

Icon provides a visual representation of a concept.

Use the Icon to add context or replace text.

↓

←

→

↑

#Usage

Import the Icon component into a React component in your project:

import {Icon} from 'hello-next-js'

Use the Icon component in a component:

import React from 'react'
import {Icon} from 'hello-next-js'
export const MyComponent: React.FC<any> = () => {
  return (
    <div>
      <button className="my-button">
        Cancel
        <Icon name="close" />
      </button>
    </div>
  )
}

#Component API

#Props

Name	Type	Default	Description	Required
`name`	`IconName`		The icon's name.	Required
`size`	`IconSize`	`small`	The icon's size.

#Methods

No methods found