LogoSabalong UI

IconBox

Display Icons components.

All Icons

Usage

import { FiInfo } from "react-icons/fi";
import { IconBox } from "sabalong-ui";

<IconBox Variant="default">
 <FiInfo fontSize={20}/>
</IconBox> 

<IconBox Variant="success">
 <FiInfo fontSize={20}/>
</IconBox>

<IconBox Variant="warning">
 <FiInfo fontSize={20}/>
</IconBox>

<IconBox Variant="danger">
 <FiInfo fontSize={20}/>
</IconBox>

Form

Basic Form Components

Input

Single-line text field for user data entry and form submission.

On this page

All IconsUsage