Input

The Input component extends the native <input /> component.

Copy
import { Input } from 'minerva-ui';

() => {
  const [name, setName] = useState('');
  return (
    <Input
      value={name}
      onChange={e => setName(e.target.value)}
      placeholder="Basic Input"
    />
  );
};
() => {
  const [name, setName] = useState('');
  return (
    <Input
      value={name}
      onChange={e => setName(e.target.value)}
      placeholder="Basic Input"
    />
  );
};

Disabled Input#

() => {
  const [name, setName] = useState('');
  return (
    <Input
      disabled
      value={name}
      onChange={e => setName(e.target.value)}
      placeholder="Basic Input"
    />
  );
};
() => {
  const [name, setName] = useState('');
  return (
    <Input
      disabled
      value={name}
      onChange={e => setName(e.target.value)}
      placeholder="Basic Input"
    />
  );
};

Password Input#

() => {
  const [name, setName] = useState('');
  return (
    <Input
      type="password"
      value={name}
      onChange={e => setName(e.target.value)}
      placeholder="Basic Input"
    />
  );
};
() => {
  const [name, setName] = useState('');
  return (
    <Input
      type="password"
      value={name}
      onChange={e => setName(e.target.value)}
      placeholder="Basic Input"
    />
  );
};

Props#

These are props related to the Input component.