https://github.com/fitri-hy/hy-floating-button-react
Simple project module (Floating Button) for ReactJS
https://github.com/fitri-hy/hy-floating-button-react
floating floatting-button react-button react-floating
Last synced: 6 months ago
JSON representation
Simple project module (Floating Button) for ReactJS
- Host: GitHub
- URL: https://github.com/fitri-hy/hy-floating-button-react
- Owner: fitri-hy
- Created: 2024-03-11T01:56:53.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-11T02:28:38.000Z (almost 2 years ago)
- Last Synced: 2025-03-13T05:44:29.269Z (11 months ago)
- Topics: floating, floatting-button, react-button, react-floating
- Language: JavaScript
- Homepage:
- Size: 194 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Floating Button for React
ReactJS modules are simple but have many advantages, one of which is that you can customize them freely.
## Installation
```sh
npm i hytech-component
```
## Example Project Implemented
```sh
// Add - Impport module //
import FloatingButton from 'hytech-component/FloatingButton';
//----//
const App = () => {
return (
// Add - Default components //
Contat US
//----//
);
};
export default App;
```
## Customization
| Atribute | Key | Description |
|:---------|:-----------|:-----------|
|`position="key?` |`top_left` `top_right` `top_center` `bottom_left` `bottom_right` `bottom_center` `middle`| Set Position|
|`index="key?"`|`99` `10`|Set z-index|
|``|`theme-1` `theme-2` `theme-3` `theme-4` `theme-5` `theme-6` `theme-7`|Use Theme & CSS|
|`
Contat US
```
Official Site: VISIT