Qwik Input

    This component implements the Material Design 3 input with proper accessibility support. It supports error states, two-way binding, and all standard HTML input features.

    Prop Controls

    Basic Inputs

    Text Input

    Value: (empty)

    Password Input

    Number Input

    Special Inputs

    File Input

    Date Input

    Color Input

    Input States

    Required Input

    Read-only Input

    Pattern Input

    
    <Input
      name="example"
      placeholder="Enter text..."
      bind:value={inputValue}
      error={hasError.value ? "This field has an error" : undefined}
      disabled={isDisabled}
    />