@synerise/ds-icon
TypeScript icon, indicating that this package has built-in type declarations

0.60.4 • Public • Published

id: icon title: Icon

Icon UI Component

Single icon

<iframe src="/storybook-static/iframe.html?id=components-icon--single-icon"></iframe>

Icon list

<iframe src="/storybook-static/iframe.html?id=components-icon--list-icon"></iframe>

Installation

npm i @synerise/ds-icon
or
yarn add @synerise/ds-icon

Usage

import Icon, { AngleLeftM } from '@synerise/ds-icon'

<Icon component={<AngleLeftM />
      color={'red'}
      title={'customIcon'}
      size={20}
      className={'classIcon'}
/>

API

Property Description Type Default
color Define the color used string inherit
title Name icon string
size Define size icon string or number 24
onClick The callback function that is triggered when click on icon fucnction
component The component used for the root node ReactNode
className icon className string
style Style properties of icon, like color etc. CSSProperties

Readme

Keywords

none

Package Sidebar

Install

npm i @synerise/ds-icon

Weekly Downloads

43

Version

0.60.4

License

ISC

Unpacked Size

2.99 MB

Total Files

4416

Last publish

Collaborators

  • synerise