BumblebeeBumblebee

File download

Contents

Live demoDesignCode

Live demo

Click to download file

Design

Please visit the Link page for visual designs

Code

import { FileDownload } from '@shieldpay/bumblebee/file-download';
import InfoIcon from '@shieldpay/bumblebee/icons/InfoIcon';

<FileDownload filePath="filePath" LeftIcon={InfoIcon} disabled>
  disabled underlined file download link with icon on left
</FileDownload>;

<FileDownload
  filePath="filePath"
  RightIcon={InfoIcon}
  variant="text-link"
  newFileName="newName"
>
  file download link with icon on right, also giving the downloaded file a
  custom name
</FileDownload>;