Installation
npm install @tabui/icons
npm install @tabui/icons-react
or
yarn add @tabui/icons
yarn add @tabui/icons-react
Use
Single icon
import { TIcon } from '@tabui/icons-react';
import { aifAU } from '@tabui/icons';
...
render() {
return (
<TIcon icon={ailList} size="xxl"/>
)
}
...
All icons
import { TIcon } from '@tabui/icons-react';
import * as icon from '@tabui/icons';
...
render() {
return (
<TIcon icon={icon.ailList} size="xxl"/>
)
}
...
API
property | type | description |
---|---|---|
className | string |
A string of all className you want applied to the component. |
customClassName |
string | object | string[]
|
Use for replacing default TIcon component classes. Prop is overriding the 'size' prop. |
icon |
string | string[]
|
Name of the icon placed in React object or SVG content. |
height | number |
The height attribute defines the vertical length of an icon. |
size |
sm | md |lg | xl | xxl | 3xl | 4xl | 5xl | 6xl | 7xl | 8xl | 9xl
|
Size of the icon. |
use | string |
If defined component will be rendered using use tag. |
title | string |
Title tag content. |
width | number |
The width attribute defines the horizontal length of an icon. |