react-glitch-text
Advanced tools
Comparing version
@@ -1,2 +0,1 @@ | ||
import { CSSProperties, MouseEventHandler } from 'react'; | ||
export interface GlitchProps { | ||
@@ -6,5 +5,2 @@ children: string; | ||
fontSize?: string; | ||
className?: string; | ||
style?: CSSProperties; | ||
onClick?: MouseEventHandler<HTMLParagraphElement>; | ||
} |
@@ -8,4 +8,4 @@ "use strict"; | ||
const Glitch_module_css_1 = __importDefault(require("../../styles/Glitch.module.css")); | ||
const Glitch = ({ children, color = 'whitesmoke', fontSize = '42px', className = '', style = {}, onClick = () => null, }) => { | ||
return (react_1.default.createElement("p", { className: `${Glitch_module_css_1.default.item}${className ? ` ${className}` : ''}`, style: Object.assign({ color, fontSize }, style), onClick: onClick }, | ||
const Glitch = ({ children = 'React Glitch Text', color = 'whitesmoke', fontSize = '42px', }) => { | ||
return (react_1.default.createElement("p", { className: Glitch_module_css_1.default.item, style: { color, fontSize } }, | ||
react_1.default.createElement("span", { "aria-hidden": 'true' }, children), | ||
@@ -12,0 +12,0 @@ children, |
@@ -10,4 +10,5 @@ { | ||
], | ||
"version": "0.1.7", | ||
"version": "0.1.8", | ||
"private": false, | ||
"license": "ISC", | ||
"main": "dist/index.js", | ||
@@ -14,0 +15,0 @@ "types": "dist/index.d.ts", |
# React Glitch Text | ||
<img src="https://github.com/belferink1996/react-glitch-text/blob/main/preview.gif" /> | ||
<img src="https://github.com/belferink1996/react-glitch-text/blob/docs/main/preview.gif" /> | ||
@@ -32,9 +32,6 @@ ## Installation and usage | ||
| Prop | Requirement | Default Value | Description | | ||
|----------- |------------- |--------------- |------------------------------------- | | ||
| children | Required | none | Should contain the text | | ||
| color | Optional | 'whitesmoke' | Text color | | ||
| fontSize | Optional | '42px' | Text font size | | ||
| style | Optional | {} | React.CSSProperties style object | | ||
| className | Optional | null | Additional class name(s) | | ||
| onClick | Optional | () => null | Function triggered by onClick event | | ||
| Prop | Requirement | Default Value | Description | | ||
|----------- |------------- |------------------- |------------------------------------- | | ||
| children | Required | 'React Glitch Text | Should contain the text | | ||
| color | Optional | 'whitesmoke' | Text color | | ||
| fontSize | Optional | '42px' | Text font size | |
Sorry, the diff of this file is not supported yet
83147
-0.77%134
-2.9%37
-5.13%