How to use @pluginjs/gallery-picker - 4 common examples
To help you get started, we’ve selected a few @pluginjs/gallery-picker examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
pluginjs / pluginjs / modules / gallery-picker / samples / src / sections / attribute / index.js View on Github 
import { query } from '@pluginjs/dom'
import GalleryPicker from '@pluginjs/gallery-picker'
const element = query('#attribute .example-attribute')
GalleryPicker.of(element, {
add(resolve) {
resolve([
'https://picsum.photos/200/300?image=980',
'https://picsum.photos/200/300?image=961',
'https://picsum.photos/200/300?image=943'
])
},
change(resolve) {
resolve('https://picsum.photos/200/300?image=938')
}
})import { query } from '@pluginjs/dom'
import GalleryPicker from '@pluginjs/gallery-picker'
const element = query('#locale .example-locale')
GalleryPicker.of(element, {
locale: 'zh',
add(resolve) {
resolve(['https://picsum.photos/200/300?image=929'])
},
change(resolve) {
resolve('https://picsum.photos/200/300?image=916')
}
})import { query } from '@pluginjs/dom'
import GalleryPicker from '@pluginjs/gallery-picker'
const element = query('#disabled .example-locale')
GalleryPicker.of(element, {
locale: 'zh',
add(resolve) {
resolve(['https://picsum.photos/200/300?image=929'])
},
change(resolve) {
resolve('https://picsum.photos/200/300?image=916')
},
disabled: true
})import { query } from '@pluginjs/dom'
import GalleryPicker from '@pluginjs/gallery-picker'
const element = query('#default .example-default')
GalleryPicker.of(element, {
add(resolve) {
resolve(['https://picsum.photos/200/300?image=929'])
},
change(resolve) {
resolve('https://picsum.photos/200/300?image=927')
}
})@pluginjs/gallery-picker
A flexible modern gallery-picker js plugin.
