Action Icon

ActionIcon is a component for rendering icon buttons with background, supporting multiple style variants, sizes, and interaction states. It integrates with the Lucide icon library and provides tooltip capabilities.

Library

Lobe UI

Framework

React

Type

component

License

MIT

Install

pnpm add @lobehub/ui

Files

• src/ActionIcon/ActionIcon.tsx
• src/ActionIcon/index.ts
• src/ActionIcon/stable.ts
• src/ActionIcon/style.ts
• src/ActionIcon/type.ts
• src/ActionIcon/utils.ts
• src/Flex/index.ts
• src/Icon/index.ts

Source

https://github.com/lobehub/lobe-ui

Categories

• Action Components
• React Action Components
• Button Components
• React Button Components
• Icon Button Components
• React Icon Button Components

More from Lobe UI

• Button
• Copy Button
• Download Button
• Theme Switch
• Awesome Bottom Gradient Button
• Awesome Gradient Button
• Base Ui Action Icon
• Base Ui Button
• Accordion
• Action Icon Group
• Agent Avatar
• Alert