DocSpace-client/packages/shared/components/floating-button
2023-12-27 17:45:22 +03:00
..
FloatingButton.enums.ts Shared:Components:FloatingButton: rewrite to typescript 2023-12-15 14:42:10 +03:00
FloatingButton.stories.tsx Shared:Components:FloatingButton: rewrite to typescript 2023-12-15 14:42:10 +03:00
FloatingButton.styled.ts Shared:Components:MainButtonMobile: rewrite to typescript 2023-12-15 16:32:37 +03:00
FloatingButton.theme.tsx Shared:Components:FloatingButton: rewrite to typescript 2023-12-15 14:42:10 +03:00
FloatingButton.tsx Shared:Components:FloatingButton: rewrite to typescript 2023-12-15 14:42:10 +03:00
FloatingButton.types.tsx Shared:Components:MainButtonMobile: rewrite to typescript 2023-12-15 16:32:37 +03:00
index.ts Shared:Components:MainButtonMobile: rewrite to typescript 2023-12-15 16:32:37 +03:00
README.md Client: fix after rewrite to typescript 2023-12-27 17:45:22 +03:00

Floating Button

Component that displays floating button

Usage

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