Skip to documentation
DocsCoreInput
Component library

Core / COMPONENT

Input

Web · implementedDesktop · preview

Field input teks dengan state validasi bawaan.

import { Input } from "./vendor/syne-ui/index.js";TypeScript ready
Live preview

Enter a valid email.

Interactive example · Try the controls with your mouse or keyboard.

Start with an example

Import the component and adapt it to your interface.

Example.tsxTSX
import { Input } from "./vendor/syne-ui/index.js";

export function Example() {
  return (
    <Input placeholder="Type here" hasError={false} />
  );
}
Make it yours

Use className and --syne-* tokens to match your design system.