Image Picker

<sl-image-picker> | SlImagePicker

Since 1.0

stable

Image picker.

<sl-image-picker>
  <img src="/assets/examples/carousel/mountains.jpg" />
  <img src="/assets/examples/carousel/waterfall.jpg" />
  <img src="/assets/examples/carousel/sunset.jpg" />
  <img src="/assets/examples/carousel/field.jpg" />
  <img src="/assets/examples/carousel/valley.jpg" />
</sl-image-picker>

Examples

First Example

TODO

Second Example

TODO

[component-metadata:sl-image-picker]

Slots

Name	Description
(default)	The default slot. Contains the images
`label`	the label to be shown

Learn more about using slots.

Events

Name	React Event	Description	Event Detail
`sl-change`		When an image is clicked.	-
`sl-input`		When an image is clicked.	-

Learn more about events.

Parts

Name	Description
`base`	The component’s base wrapper.

Learn more about customizing CSS parts.