1.4.0 [BREAKING]

Backwards Incompatible Changes
Icons are no longer specified by default (#31).

This means that you will need to pass icons in as so:

  <FileBrowser
    files=[]
    icons={{
      File: <i className="file" aria-hidden="true" />,
      Image: <i className="file-image" aria-hidden="true" />,
      PDF: <i className="file-pdf" aria-hidden="true" />,
      Rename: <i className="i-cursor" aria-hidden="true" />,
      Folder: <i className="folder" aria-hidden="true" />,
      FolderOpen: <i className="folder-open" aria-hidden="true" />,
      Delete: <i className="trash" aria-hidden="true" />,
      Loading: <i className="circle-notch spin" aria-hidden="true" />,
    }}
  />

For Font Awesome icons, you can use our built in util, specifying if you are using v4 or v5:

import FileBrowser, {Icons} from 'react-keyed-file-browser'
  <FileBrowser
    files=[]
    icons={Icons.FontAwesome(4)}
  />