DocSpace-client/packages/common/components/FloatingButton
2023-01-27 17:08:30 +03:00
..
FloatingButton.js Web:Common/Client/Components: add PUBLIC_DIR alias 2023-01-27 17:08:30 +03:00
FloatingButton.stories.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
index.js Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
README.md Web: Moved all clients app to packages directory 2022-07-22 22:01:25 +03:00
StyledFloatingButton.js Web: Common: fixed floating button display for safari browser 2022-09-29 14:09:35 +03:00

Floating Button

Component that displays floating button

Usage

import FloatingButton from "@docspace/common/components/FloatingButton";
<FloatingButton icon="upload" alert={false} />
<FloatingButton icon="trash" alert={true} percent={45} />

Properties

Props Type Required Values Default Description
alert bool - - false Shows the alert
className string - - - Accepts class
icon oneOf - upload, file, trash, move, duplicate upload Sets the icon on the button
id string - - - Accepts id
percent number - - 0 Load fullness
style obj, array - - - Accepts css style