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';

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions