방 게시하기
)}
>
숙소 기본정보를 작성하세요
{/* 내용 */}
Introduction | Framer for Developers
Examples | Framer for Developers
Welcome to Pydantic - Pydantic
https://github.com/nolimits4web/swiper/issues/1152
const App = () => {
return (
<DialogForm
openState={postPopUpState}
handleClose={handleClose}
render={() => (
<label
htmlFor="PostUploadDialog"
className="block mb-2 text-sm font-medium text-gray-900 float-left"
>
방 게시하기
</label>
)}
>
<DialogContent className="text-center">
<Swiper
modules={[Pagination, Navigation]}
slidesPerView={1}
threshold={10}
spaceBetween={50}
navigation={true}
pagination={{ type: "progressbar", clickable: true }}
noSwiping={true} // 스와이핑 방지 전체적용
style={psd.gridStyle.mainContainer}
>
{/* 첫 번째 슬라이드에 스와이핑 방지 적용 */}
<SwiperSlide className="swiper-no-swiping">
<p style={psd.gridStyle.inputContainer}>
<h3 style={psd.gridStyle.infoType}>숙소 기본정보를 작성하세요</h3>
{/* 내용 */}
</p>
</SwiperSlide>
{/* 나머지 슬라이드들은 스와이핑 가능 */}
<SwiperSlide>Slide 2</SwiperSlide>
<SwiperSlide>Slide 3</SwiperSlide>
{/* 이하 생략 */}
</Swiper>
</DialogContent>
</DialogForm>
);
};