Style Guide for Asahi Group Web Apps

# Input

# Example

checkbox

# Code

<asahi-input value="test" />
<asahi-input type="search" value="test" />
<asahi-input type="checkbox" value="test" checked>checkbox</asahi-input>

# Props

  • autocomplete: string - Sets or returns the value of the autocomplete attribute of a text field
  • autofocus: boolean - Sets or returns whether a text field should automatically get focus when the page loads
  • defaultValue: string - Sets or returns the default value of a text field
  • disabled: boolean - Sets or returns whether the text field is disabled, or not
  • checked: boolean - Sets checked state form input type checkbox
  • maxLength: number - Sets or returns the value of the maxlength attribute of a text field
  • name: string - Sets or returns the value of the name attribute of a text field
  • pattern: RegExp - Sets or returns the value of the pattern attribute of a text field
  • placeholder: string - Sets or returns the value of the placeholder attribute of a text field
  • readOnly: boolean - Sets or returns whether a text field is read-only, or not
  • required: boolean - Sets or returns whether the text field must be filled out before submitting a form
  • size: number - Sets or returns the value of the size attribute of a text field
  • type: string - Returns which type of form element a text field is
  • value: string - Sets or returns the value of the value attribute of the text field

# Other examples

# Code

<asahi-input type="search" placeholder="Search..." />

← Label →