DUFab
ElementsFloating action button anchored to the viewport.
import { DUFab, DUPlusIcon } from 'deri-ui';Live preview
typescript
<DUFab aria-label="Create"><DUPlusIcon /></DUFab>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | — | Usually an icon |
| ...button | DUButton props | — | Inherited |
Usage
import { DUFab, DUPlusIcon } from 'deri-ui';
<DUFab aria-label="Create"><DUPlusIcon /></DUFab>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.