valknar/kit-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: streamline TextInput classes with shadcn input

Browse Source
This commit is contained in:
Sebastian Krüger
2026-02-25 16:13:10 +01:00
parent 880bce157b
commit 40e0b0e375
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/figlet/TextInput.tsx
View File

@@ -1,7 +1,7 @@
'use client'; 'use client';
import * as React from 'react'; import * as React from 'react';
import { cn } from '@/lib/utils/cn'; import { cn } from '@/lib/utils';
export interface TextInputProps { export interface TextInputProps {
value: string; value: string;
@@ -17,7 +17,12 @@ export function TextInput({ value, onChange, placeholder, className }: TextInput
value={value} value={value}
onChange={(e) => onChange(e.target.value)} onChange={(e) => onChange(e.target.value)}
placeholder={placeholder || 'Type something...'} placeholder={placeholder || 'Type something...'}
className="w-full h-32 px-4 py-3 text-base border border-border rounded-lg bg-input resize-none focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring placeholder:text-muted-foreground transition-all duration-200" className={cn(
"placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground border-input w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
"h-32 resize-none"
)}
maxLength={100} maxLength={100}
/> />
<div className="absolute bottom-2 right-2 text-xs text-muted-foreground"> <div className="absolute bottom-2 right-2 text-xs text-muted-foreground">