> For the complete documentation index, see [llms.txt](https://sememojugbe.gitbook.io/fluttermagazineui/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sememojugbe.gitbook.io/fluttermagazineui/the-app/onboarding-slider.md).

# Onboarding Slider

### Location

lib/magaza\_ui/screens/i\_slider.dart

### Screenshot

![magaza\_ui/screens/i\_slider.dart](/files/-M2hOVVvS82iR11v6kzX)

### Customization

There is a Flutter list of slides and their meta information that you can edit and extend easily for more or less screens.

```
List<SlideMeta> pageSlides = [
  SlideMeta(
      title: 'Magazine UI',
      message: 'A Flutter news app for iOS and Android',
      backgroundColor: Colors.red,
      textColor: Colors.white,
      backgroundImage: 'assets/magaza/slider1.png'
  ),
  SlideMeta(
      title: 'Custom UI Design for News Apps',
      message: 'Complete with feed, detail, and other screens',
      backgroundColor: Colors.blue.shade500,
      textColor: Colors.white,
      backgroundImage: 'assets/magaza/slider2.png'
  ),
  SlideMeta(
      title: 'Kickstart your app development',
      message: 'Focus on building your app, not designing it',
      backgroundColor: Colors.white,
      textColor: Colors.black,
      backgroundImage: 'assets/magaza/slider3.png'
  ),
];
```

�Change (or add) to this list to update content of the slider