Icon Button

An icon button is a button that displays an icon instead of text.

Import

import { IconButton } from "@aeonkit/react";

Usage

Default

Preview

Code

<IconButton>
  <Icon as={LuBike} className="text-indigo-50" size={20} />
</IconButton>

Rounded

Preview

Code

<IconButton className="rounded-full bg-pink-500 hover:bg-pink-700">
  <Icon as={LuBike} className="text-indigo-50" size={20} />
</IconButton>

Props

IconButton

API Interface: IconButtonProps