説明

useStateコンポーネントのサンプルコード

利用するshadcn/uiコンポーネント

• input

サンプルコード

'use client';

import { Input } from '@repo/ui';
import { useState } from 'react';

const Example = () => {
  const [val, setVal] = useState('');

  return (
    <>
      <div className="mt-4 flex items-center space-x-4">
        <Input type="text" onChange={(e) => setVal(e.target.value)} className="w-80" />
        <div>={val}</div>
      </div>
    </>
  );
};
export { Example };