rustlanges-components 0.1.0

RustLangES components library
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

import clsx from "clsx";
import { InputFieldProps } from "./input.types";

export function Input({
  errorMessage,
  hasError = !!errorMessage,
  icon,
  disabled,
  className,
  ...props
}: InputFieldProps) {
  return (
    <div className="rustlanges-input__container">
      <div
        className={clsx(
          "rustlanges-input",
          hasError && "rustlanges-input--error",
          className
        )}
      >
        {icon && <span className="rustlanges-input__icon">{icon}</span>}
        <input
          disabled={disabled}
          className="rustlanges-input__inner"
          {...props}
        />
      </div>
      {hasError && errorMessage && (
        <span className="rustlanges-input__error">{errorMessage}</span>
      )}
    </div>
  );
}