How to force the swiper to be a full height slider?

1

Based on this swiper:
https://framework7.io/react/swiper.html#examples

I want to set it to be stretched to the full page’s height, so it will be looking just as a good looking walkthrough.

Is this possible?

2

Just set width: 100%; height: 100% to Swiper element rather with style attribute/prop or in CSS

3

Can you show please the full code of the tag?

4 
<Swiper style={{ width: '100%', height: '100%' }} ...
5

Okay it works thanks, how to place the text in the middle of the slide? I mean, vertical allign middle and center? BTW, shouldn’t it be by default?

6

You need to add extra classes or styles to swiper slide to achive that. http://howtocenterincss.com