renderless-dialog

KO | EN

gitlite — search

#javascript #python #ai #typescript #golang #go #rust #linux #kubernetes #vue #awesome-list #security #pytorch #open-source

renderless-dialog

(★ 19)

Renderless Dialogs (Alert, Confirm, Prompt) in Vue

renderless-dialog 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Renderless Dialogs (Alert, Confirm, Prompt) in Vue

See the full article at [https://danielkelly.io/blog/renderless-vue-dialog](https://danielkelly.io/blog/renderless-vue-dialog)

### Demo
1. Clone the repo
2. `npm install`
3. `npm run serve`

### Use 
Dialog object exists in `src/dialog.js`. If enough people find this useful I can turn it into a npm package. Won't know to do that though unless you reach out and tell me it's useful.
```javascript
/*
 * Alert
 */
await dialog.alert(message)
// carry on only after alert is dismissed

/*
 * Confirm
 */
const confirmed = await dialog.confirm(message, optionalTitle, options)
if(confirmed){
    // do the thing needing confirming
}else{
    // don't
}

/*
 * Prompt
 */
const value = await dialog.prompt(message)
console.log(value) // the result of the prompt
```

### Options
All options are set via chainable methods
```javascript
await dialog
    .title('Prompt Title')
    .inputType('number')
    .cancelText('Nevermind')
    .okText('Absolutely')
    .html()
    .prompt('Hello message with <strong>html</strong>')
```

### Follow Me
Twitter: [@danielkelly_io](https://twitter.com/danielkelly_io)

Github: [@danielkellyio](https://github.com/danielkellyio)

renderless-dialog

renderless-dialog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

renderless-dialog

renderless-dialog 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README