🔘Buttons

Changelog

Button

Breaking changes

• customClass prop has been removed; use className instead

New features

• added dark color

• added loading state

• added capitalize prop which is true by default, but when set to false, disables capitalization

• added gradient prop for all supported colors

Fixes

• fixed wd prop not working

Deprecations

• NoBackground, WithBackground and WithGradient colors are now deprecated and will be removed in a future version; for NoBackground, use variant = text; for WithBackground, use variant = outlined; for WithGradient, use gradient = { true }

• danger color is deprecated, use error instead

• theme color is deprecated, use secondary instead

• sizes xs, sm, lg have been replaced with tiny, small, medium, large in order to be in line with the Material-UI conventions

Removed deprecations

• customClass

IconButton

Breaking changes

• customClass prop has been removed; use className instead

New features

• IMPORTANT: IconButton is now using Button behind the scenes, so all the changes mentioned above regarding Button apply here too

• added dark color

• added type prop for custom icon buttons

• added loading state

Deprecations

• IMPORTANT: IconButton is now using Button behind the scenes, so all the changes mentioned above regarding Button apply here too

Removed deprecations

• customClass

AddButton, CancelButton, DownwardButton, SaveButton, UpwardButton

• this component has been removed; use IconButton with type prop instead

• title prop is now called tooltip

DeleteButton, DownloadButton

• his component has been removed; use IconButton with type prop instead

• title prop is now called tooltip

• fontSize is now small by default, use fontSize = medium to get the old effect

EditButton

• this component has been removed; use IconButton with type = edit or view instead

• editMode prop has been removed; switch type between edit and view for the same effect

• title prop is now called tooltip

• fontSize is now small by default, use fontSize = medium to get the old effect

BackToButton

• title prop is now called tooltip

FileUploadButton

• this component has been removed; it is now included in UploadButton

UploadButton

Improvements

• we merged the component UploadButton with FileUploadButton

• removed the dependency to react-toastify

Breaking changes

• from the old UploadButton

  • title prop is now called tooltip

  • fontSize is now small by default; use medium to get back the old effect

  • children prop is no longer used

• from the old FileUploadButton

  • component prop has been removed; use the Icon prop to change the displayed icon

  • children prop is no longer used

  • onFileSelected is now onFilesChanged and:

    • will not trigger if the same files are selected

    • it will trigger if the dialog for files to select is canceled; the argument will be an empty FileList object

  • uploading prop has been removed; use the disabled prop

  • maxSize is now two different props:

    • maxTotalSize for maximum size all the files combined are allowed

    • maxItemSize for maximum size for each file selected is allowed

  • minSize is now two different props:

    • minTotalSize for minimum size all the files combined are allowed

    • minItemSize for minimum size for each file selected is allowed

  • uploadText, uploadingText, invalidTypeText, tooLargeText and tooSmallText have all been removed

New features

• the displayed icon is now customizable with the property Icon

• new onError prop that is called when a file validation fails

• now the multiple prop is used; you can select more than one file