Skip to content

Plugin does not work with shadcn Input component #2

Description

@dinogit

Description:

Steps to Reproduce:

  • Install ui.shadcn.com with Vite. Add this code:
const { getInputProps } = useInputMask({
    mask: 'One does not simply walk into AAAAAA',
  });

  return (
    <div>
      <h1>Overview</h1>
      <div className="w-[240px] mt-12">
        <Label>Label</Label>
        <Input name="number" {...getInputProps} onChange={e => {
          // Your onChange handler gets the output of the hook (won't trigger if the input is invalid)
          console.log(e.target.value);
        }} />
      </div>

    </div>
  );

Expected Behavior:

  • Input should be masked

Actual Behavior:

  • Input is not masked

Error message: No error message.

Note: Update documentation. Import only functions if :

import { useInputMask } from '@code-forge/react-input-mask';

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions