Breaking News: Grepper is joining You.com. Read the official announcement!

swal con input

Junior Cercado V. answered on January 21, 2022 Popularity 9/10 Helpfulness 6/10

answer swal con input

swal con input

Comment

Swal.fire({
  title: 'Submit your Github username',
  input: 'text',
  inputAttributes: {
    autocapitalize: 'off'
  },
  showCancelButton: true,
  confirmButtonText: 'Look up',
  showLoaderOnConfirm: true,
  preConfirm: (login) => {
    return fetch(`//api.github.com/users/${login}`)
      .then(response => {
        if (!response.ok) {
          throw new Error(response.statusText)
        }
        return response.json()
      })
      .catch(error => {
        Swal.showValidationMessage(
          `Request failed: ${error}`
        )
      })
  },
  allowOutsideClick: () => !Swal.isLoading()
}).then((result) => {
  if (result.isConfirmed) {
    Swal.fire({
      title: `${result.value.login}'s avatar`,
      imageUrl: result.value.avatar_url
    })
  }
})

Popularity 9/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: input javascript

Link to this answer
Share Copy Link

Contributed on Jan 21 2022

Junior Cercado V.

0 Answers Avg Quality 2/10

swal con input

Contents

More Related Answers

swal con input

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.