DocSpace-client/packages/asc-web-common/components/FloatingButton
2022-01-27 17:16:19 +08:00
..
FloatingButton.js Web:Common:FloatingButton: added 2px padding from the edge for the loading bar 2022-01-27 17:16:19 +08:00
FloatingButton.stories.js Web: Common: fix after merge, fix imports and hierarchy 2021-02-25 17:20:11 +03:00
index.js Web: Common: fix after merge, fix imports and hierarchy 2021-02-25 17:20:11 +03:00
README.md Web: Components/Common: fix imports 2021-02-26 00:19:45 +03:00
StyledFloatingButton.js Web:Common:FloatingButton: added 2px padding from the edge for the loading bar 2022-01-27 17:16:19 +08:00

Floating Button

Component that displays floating button

Usage

import FloatingButton from "@appserver/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