Docs
Keybord Simulation
Keybord Simulation
Keybord Simulation by TailwindCSS
Installation
Copy and paste the cn util code into your project.
import { ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
Copy and paste the Keyboard code into your project.
API Reference
Props
| Prop | Type | Description |
|---|---|---|
| className | string | Additional classes for the body. |
| children | React.ReactNode | The content of the keybutton. |
| childrenClassName | React.Dispatch<React.SetStateAction<boolean>> | Additional classes for the keybutton. |
| lighten | boolean | default false. lighten keybutton. |
| butColor | string | change keybutton color,default text-white. |