DocSpace-client/packages/shared/components/floating-button
2024-03-21 18:09:55 +04:00
..
FloatingButton.enums.ts Replaced copyright start year + format 2024-03-21 18:09:55 +04:00
FloatingButton.stories.tsx Replaced copyright start year + format 2024-03-21 18:09:55 +04:00
FloatingButton.styled.ts Replaced copyright start year + format 2024-03-21 18:09:55 +04:00
FloatingButton.theme.tsx Replaced copyright start year + format 2024-03-21 18:09:55 +04:00
FloatingButton.tsx Replaced copyright start year + format 2024-03-21 18:09:55 +04:00
FloatingButton.types.tsx Replaced copyright start year + format 2024-03-21 18:09:55 +04:00
index.ts Replaced copyright start year + format 2024-03-21 18:09:55 +04:00
README.md Client: fix wrong import - export for shared components 2024-01-10 11:01:43 +03:00

Floating Button

Component that displays floating button

Usage

import { FloatingButton } from "@docspace/shared/components/floating-button";
<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