History

Aleksandr Lushkin 008aeb4c95 Merge branch 'develop' into feature/rtl-interface-direction # Conflicts: # packages/components/selected-item/styled-selected-item.js		2023-07-06 17:34:12 +02:00
..
floating-button.js	Merge branch 'develop' into feature/storybook-update	2023-05-31 18:20:37 +05:00
floating-button.stories.js	figma links were added	2023-07-03 13:31:26 +05:00
index.js	Web:Adding history for FloatingButton in the Components module.	2023-05-26 14:39:19 +03:00
README.md	Web:Adding history for FloatingButton in the Components module.	2023-05-26 14:39:19 +03:00
styled-floating-button.js	Web: Components: Adapt FloatingButton component to RTL interface	2023-06-30 16:28:35 +02:00

Floating Button

Component that displays floating button

import FloatingButton from "@docspace/components/floating-button";

<FloatingButton icon="upload" alert={false} />

<FloatingButton icon="trash" alert={true} percent={45} />

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