Icon Prop

The icon prop is an object used to configure what icons are shown on the UpupUploader client component. It is optional.

Each icon element must be a valid React element that accepts an optional className prop for styling.

info

Recommended icon library suites include:

Key	Example	Type	Status	Default Value
CameraCaptureIcon	`icons={{CameraCaptureIcon: FaCamera}}`	`FC<{ className?: string }>`	optional	`TbCapture`
CameraDeleteIcon	`icons={{CameraDeleteIcon: MdDelete}}`	`FC<{ className?: string }>`	optional	`TbTrash`
CameraRotateIcon	`icons={{CameraRotateIcon: FaCameraRotate}}`	`FC<{ className?: string }>`	optional	`TbCameraRotate`
ContainerAddMoreIcon	`icons={{ContainerAddMoreIcon: IoAdd}}`	`FC<{ className?: string }>`	optional	`TbPlus`
FileDeleteIcon	`icons={{FileDeleteIcon: TiDelete}}`	`FC<{ className?: string }>`	optional	`TbTrash`
LoaderIcon	`icons={{LoaderIcon: TbLoader2}}`	`FC<{ className?: string }>`	optional	`TbLoader`

`CameraCaptureIcon`

Custom icon for the camera capture button.

Example override:

import { FaCamera } from 'react-icons/fa'

<UpupUploader
  icons={{
    CameraCaptureIcon: FaCamera
  }}
/>

Icon for removing captured camera images.

Button to switch between front/back camera.

Icon shown in the "Add More Files" button. Appears when multiple uploads are allowed.

Icon for removing selected files from the list.

Animated icon shown during file processing.

Customization example:

import { ImSpinner8 } from 'react-icons/im'

<UpupUploader
  icons={{
    LoaderIcon: ImSpinner8
  }}
/>

All icons inherit the component's dark mode styling automatically through the className prop when provided.