FinallyReact Design Library

Icon Wrapper

The Icon Wrapper component can be used by importing { IconWrapper } from "finallyreact"

Hover to see a llama icon

🦙

🍏

Top Left

Top Right

🍏

Bottom Right

🍏

Bottom Left

I dare you to click the llama

🦙

🦙

Prop Name	Prop Type	Description
children	React.ReactNode	Content to be wrapped by the icon wrapper
color	string	Color for the icon
hidden	boolean	Hides the icon
hideIcon	boolean	Whether to hide the icon
icon	React.ReactNode	Icon to be displayed
iconProps	HTMLAttributes	Props for the icon
location	'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'	Location of the icon
showIcon	boolean	Whether to show the icon
simple	boolean	Renders a simple icon wrapper

The Icon Wrapper component can be used by importing { IconWrapper } from "finallyreact"

Hover to see a llama icon

🦙

🍏

Top Left

Top Right

🍏

Bottom Right

🍏

Bottom Left

I dare you to click the llama

🦙

🦙

Prop Name	Prop Type	Description
children	React.ReactNode	Content to be wrapped by the icon wrapper
color	string	Color for the icon
hidden	boolean	Hides the icon
hideIcon	boolean	Whether to hide the icon
icon	React.ReactNode	Icon to be displayed
iconProps	HTMLAttributes	Props for the icon
location	'top-left' \| 'top-right' \| 'bottom-left' \| 'bottom-right'	Location of the icon
showIcon	boolean	Whether to show the icon
simple	boolean	Renders a simple icon wrapper