Summary

Expose isFullyVisible in SwiperSlide render props for React.

Changes

• add isFullyVisible to the slideData object passed to SwiperSlide render props
• add isFullyVisible to the React SlideData TypeScript definition

Motivation

Swiper already tracks the swiper-slide-fully-visible state internally, but that state is not currently exposed through SwiperSlide render props.

Exposing it makes the React API more complete and lets consumers implement UI logic based on full visibility without relying on class name parsing or DOM workarounds.

Example

<SwiperSlide>
  {({ isFullyVisible }) => (
    <div>{isFullyVisible ? 'fully visible' : 'not fully visible'}</div>
  )}
</SwiperSlide>

Validation

• eslint src/react/swiper-slide.mjs
• npm run build:prod

Notes

• additive change only
• no existing behavior removed or changed
• Closes Expose isFullyVisible in SwiperSlide render props #8174