@tuminzee If it's not too much code, I would try to integrate that into https://github.com/shadcn/ui/blob/main/apps/www/components/ui/input.tsx and submit a PR. You could add the optional parameter showPasswordToggle and if the type is text, the password would be revealed by default...
import ShadcnIcon from '@/ui/icon' import { FormItemContext } from '@/ui/form/context.ts' const emit = defineEmits(['on-change', 'on-clear', 'on-blur', 'on-prefix-click', 'on-suffix-click', 'update:modelValue']) @@ -122,7 +123,7 @@ const onInput = (event: Event) ...
<div className="flex h-10 items-center rounded-md border border-input bg-white pl-3 text-sm ring-offset-backgroun focus-within:ring-1 focus-within:ring-ring focus-within:ring-offset-2"> <SearchIcon className="mr-2 w-4 h-4" /> <Input className="w-full p-2 placeholder:text-muted-...
"content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DashIcon } from \"@radix-ui/react-icons\"\nimport { OTPInput, SlotProps } from \"input-otp\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst InputOTP = React.forwardRef<\n React.ElementRef<typeof...
Aerospace 2018, 5, 54 7 of 18 The command input starts with the first eye fixation (1) of an aircraft icon or radar label. In the example of Figure 4, the label of "BER8411" was fixed by the participant's gaze (E1). If the captured gaze points are located within an area of ...