Components
HeroUI Close Button
HeroUI v3 CloseButton — an accessible icon button for dismissing dialogs, drawers, alerts, chips and other transient UI. Renders a close (X) icon by default, accepts a custom icon via children, and exposes onPress, isDisabled and full React Aria button props with hover/press/focus render states. A thin re-export of the genuine @heroui/react package with @heroui/styles, so consumers install and render the real HeroUI primitive.
"use client"
import { CloseButton } from "@/components/ui/heroui-close-button"
export default function Default() {
return <CloseButton />
}
Dependencies
Source
Published
Similar components
Explore more
Part of Hero Ui — browse the full library on 21st.dev.