# Image Slider Displays a small set of images in a limited space. ## Design The first or selected image shows at its maximum size. Every image displays a thumbnail at about 20% of its width. Users can use buttons, thumbnails or swiping to navigate between the images. The buttons re not displayed on a narrow touch device. The images do not slide automatically. ## How to use - Use this for a series of images that belong together. - Provide at least 2 images and at most 5. - Feature the most essential image first. - Assume that some or many users will not navigate between the slides and only see the first image. Display all images separately if you want each of them to receive attention. - A full-width Image Slider should run from one edge of the [Page](/docs/components-containers-page--docs) container to the other; position it next to a Grid, not in a Cell spanning all columns. Smaller sliders are fine in a Grid Cell. - Consult the [Image](/docs/components-media-image--docs) docs for guidelines on the individual images.