DUIconButton

Elements

Accessible icon-only button with required aria label.

import { DUIconButton, DUPlusIcon } from 'deri-ui';
Live preview
typescript
<DUIconButton label="Add" variant="outline"><DUPlusIcon /></DUIconButton>

Props

PropTypeDefaultDescription
labelstringAccessible name (required)
variant / sizesame as DUButtonStyle controls

Usage

import { DUIconButton, DUPlusIcon } from 'deri-ui';

<DUIconButton label="Add" variant="outline"><DUPlusIcon /></DUIconButton>

Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.

Related

© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.