form-input:
  label: Input
  namespace: Atoms/Form
  use: '@atoms/form/_input.twig'
  description: Input form elements.
  fields:
    children:
      type: pattern
      label: Children
  settings:
    type:
      type: select
      label: Type
      options:
        textfield: textfield
        password: password
        email: email
        file: file
        tel: tel
        date: date
      preview: textfield
    size:
      type: select
      label: size
      options:
        md: Normal
        lg: Large
        sm: Small
      preview: md
      default: md
    placeholder:
      type: textfield
      label: Placeholder
      preview: Placeholder
    attributes:
      type: attributes
      label: Attributes
  variants:
    textfield:
      label: Textfield
      settings:
        type: text
        placeholder: Enter text
    password:
      label: Password
      settings:
        type: password
        placeholder: Password
    email:
      label: Email
      settings:
        type: email
        placeholder: Email address
    file:
      label: File
      settings:
        type: file
        placeholder: ''
    tel:
      label: Tel
      settings:
        type: tel
        placeholder: Telephone number
    date:
      label: Date
      settings:
        type: date
        placeholder: ''
    time:
      label: Time
      settings:
        type: time
        placeholder: ''
    url:
      label: URL
      settings:
        type: url
        placeholder: ''
    range:
      label: Range
      settings:
        type: range
        placeholder: ''
    color:
      label: Color
      settings:
        type: color
        placeholder: ''
    checkbox:
      label: Checkbox
      settings:
        type: checkbox
        placeholder: ''
    radio:
      label: Radio
      settings:
        type: radio
        placeholder: ''
