https://github.com/fitri-hy/hy-textgradient
Simple project module (Text Gradient) for ReactJS
https://github.com/fitri-hy/hy-textgradient
react-gradient react-modules react-text-gradient text-gradient
Last synced: about 1 month ago
JSON representation
Simple project module (Text Gradient) for ReactJS
- Host: GitHub
- URL: https://github.com/fitri-hy/hy-textgradient
- Owner: fitri-hy
- Created: 2024-03-06T05:14:34.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-03-08T09:47:17.000Z (over 1 year ago)
- Last Synced: 2024-10-31T04:47:59.418Z (8 months ago)
- Topics: react-gradient, react-modules, react-text-gradient, text-gradient
- Language: JavaScript
- Homepage:
- Size: 199 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Modules Text Gradient for React v.1.0.1
ReactJS modules are simple but have many advantages, one of which is that you can customize them freely.
## NPM Installation
```sh
npm install hy-textgradient
```
## Example Project Implemented
```sh
// Add - Impport module //
import TextGradient from "hy-textgradient";
//----//
const App = () => {
return (
// Add - Default components //
Your Text To Gradient Here
//----//
);
};
export default App;
```
## Customization
| Atribute | Key | Description | Status |
|:---------|:-----------|:-----------|:-----------|
| `colors="key?"`|`{["#ff0000", "#ffff00", "#00ff00"]}`|Customize color, 2+ colors supported|required|
| `direction="key?"`|`horizontal` `vertical` `diagonal-left` `diagonal-right` |Customize gradient direction|optional|
| `decoration="key?"`|`underline` `overline` `line-through` `none`|Customize text decoration|optional|
| `style="key?"`|`normal` `bold` `italic`|Customize text style|optional|
| `size="key?"`|`normal` `s` `m` `x` `xl` `xxl` `xxxl`|Customize text size|optional|
| `font="key?"`|`Name font family` Support all web font|Customize font style|optional|
| `className="key?"`|Support variable css|Customize with css|optional|
## Full Customization
```sh
Your Text To Gradient Here
```
Happy Coding :)
Follow Me: FOLLOW