You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP
Socket
Book a DemoInstallSign in
Socket

react-glitch-text

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-glitch-text - npm Package Compare versions

Comparing version

to
0.1.8

4

dist/@types/index.d.ts

@@ -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>;
}

4

dist/components/Glitch.js

@@ -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