Skip to content

wenlng/go-captcha-solid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Go Captcha Solid Package

⭐️ If it helps you, please give a star.

Poster


Install

yarn add go-captcha-solid # or npm install go-captcha-solid # or pnpm install go-captcha-solid

πŸ–– Click Mode Captcha

import GoCaptcha from 'go-captcha-solid'; <GoCaptcha.Click config={{}} data={{}} events={{}} />

Parameter Reference

// config = {} interface ClickConfig { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; buttonText?: string; } // data = {} interface ClickData { image: string; thumb: string; } // events = {} interface ClickEvents { click?: (x: number, y: number) => void; refresh?: () => void; close?: () => void; confirm?: (dots: Array<ClickDot>) => boolean; }

πŸ–– Slide Mode Captcha

import GoCaptcha from 'go-captcha-solid'; <GoCaptcha.Slide config={{}} data={{}} events={{}} /> <GoCaptcha.SlideRegion config={{}} data={{}} events={{}} />

Parameter Reference

// config = {} interface SlideConfig { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; } // data = {} interface SlideData { thumbX: number; thumbY: number; thumbWidth: number; thumbHeight: number; image: string; thumb: string; } // events = {} interface SlideEvents { move?: (x: number, y: number) => void; refresh?: () => void; close?: () => void; confirm?: (point: SlidePoint) => boolean; }
// config = {} interface SlideRegionConfig { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; } // data = {} interface SlideRegionData { thumbX: number; thumbY: number; thumbWidth: number; thumbHeight: number; image: string; thumb: string; } // events = {} interface SlideRegionEvents { move?: (x: number, y: number) => void; refresh?: () => void; close?: () => void; confirm?: (point: SlideRegionPoint) => boolean; }

πŸ–– Rotate Mode Captcha

import GoCaptcha from 'go-captcha-solid'; <GoCaptcha.Rotate config={{}} data={{}} events={{}} />

Parameter Reference

// config = {} interface RotateConfig { width?: number; height?: number; thumbWidth?: number; thumbHeight?: number; verticalPadding?: number; horizontalPadding?: number; showTheme?: boolean; title?: string; } // data = {} interface RotateData { angle: number; image: string; thumb: string; } // events = {} interface RotateEvents { rotate?: (angle: number) => void; refresh?: () => void; close?: () => void; confirm?: (angle: number) => boolean; }

πŸ–– Button

import GoCaptcha from 'go-captcha-solid'; <GoCaptcha.Button />

Parameter Reference

interface _ { config?: ButtonConfig; clickEvent?: () => void; disabled?: boolean; type?: "default" | "warn" | "error" | "success"; title?: string; } export interface ButtonConfig { width?: number; height?: number; verticalPadding?: number; horizontalPadding?: number; }

🍹 Buy me a coffee

Buy Me A Coffee Buy Me A Coffee

About

πŸ–– GoCaptcha of Solid, which implements click mode, slider mode, drag-drop mode and rotation mode.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published