IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
48e52b7489
DocSpace-client/packages/shared/components/floating-button
History
Timofey Boyko 55ae09e670 Shared:Components:MainButtonMobile: rewrite to typescript
2023-12-15 16:32:37 +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 Shared:Components:FloatingButton: rewrite to typescript 2023-12-15 14:42:10 +03:00

README.md

Floating Button

Component that displays floating button

Usage

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