نمونه های پایه


						<form class="form">
							<div class="form-group row">
								<label class="col-3 col-form-label">پیش فرض سوئیچ</label>
								<div class="col-3">
									<span class="switch">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">با آیکون</label>
								<div class="col-3">
									<span class="switch switch-icon">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-3 col-form-label">تیک نخورده</label>
								<div class="col-3">
									<span class="switch">
										<label>
											<input type="checkbox"  name=""/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">با آیکون</label>
								<div class="col-3">
									<span class="switch switch-icon">
										<label>
											<input type="checkbox"  name=""/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-3 col-form-label">وضعیت غیرفعال</label>
								<div class="col-3">
									<span class="switch">
										<label>
											<input type="checkbox" disabled="disabled"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">با آیکون</label>
								<div class="col-3">
									<span class="switch switch-icon">
										<label>
											<input type="checkbox" disabled="disabled"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
						</form>
					

اندازه های مختلف

اندازه بزرگ:

							<form class="form">
								<div class="form-group row">
									<label class="col-3 col-form-label">پیش فرض سوئیچ</label>
									<div class="col-3">
										<span class="switch switch-lg">
											<label>
												<input type="checkbox" checked="checked" name="select"/>
												<span></span>
											</label>
										</span>
									</div>
									<label class="col-3 col-form-label">با آیکون</label>
									<div class="col-3">
										<span class="switch switch-lg switch-icon">
											<label>
												<input type="checkbox" checked="checked" name="select"/>
												<span></span>
											</label>
										</span>
									</div>
								</div>
								<div class="form-group row">
									<label class="col-3 col-form-label">تیک نخورده</label>
									<div class="col-3">
										<span class="switch switch-lg">
											<label>
												<input type="checkbox" name="select" />
												<span></span>
											</label>
										</span>
									</div>
									<label class="col-3 col-form-label">با آیکون</label>
									<div class="col-3">
										<span class="switch switch-lg switch-icon">
											<label>
												<input type="checkbox" name="select" />
												<span></span>
											</label>
										</span>
									</div>
								</div>
								<div class="form-group row">
									<label class="col-3 col-form-label">وضعیت غیرفعال</label>
									<div class="col-3">
										<span class="switch switch-lg">
											<label>
												<input type="checkbox" disabled="disabled"/>
												<span></span>
											</label>
										</span>
									</div>
									<label class="col-3 col-form-label">با آیکون</label>
									<div class="col-3">
										<span class="switch switch-lg switch-icon">
											<label>
												<input type="checkbox" disabled="disabled"/>
												<span></span>
											</label>
										</span>
									</div>
								</div>
							</form>
						
اندازه کوچک:

							<form class="form">
								<div class="form-group row">
									<label class="col-3 col-form-label">پیش فرض سوئیچ</label>
									<div class="col-3">
										<span class="switch switch-sm">
											<label>
												<input type="checkbox" checked="checked" name="select"/>
												<span></span>
											</label>
										</span>
									</div>
									<label class="col-3 col-form-label">با آیکون</label>
									<div class="col-3">
										<span class="switch switch-sm switch-icon">
											<label>
												<input type="checkbox" checked="checked" name="select"/>
												<span></span>
											</label>
										</span>
									</div>
								</div>
								<div class="form-group row">
									<label class="col-3 col-form-label">تیک نخورده</label>
									<div class="col-3">
										<span class="switch switch-sm">
											<label>
												<input type="checkbox" name="select" />
												<span></span>
											</label>
										</span>
									</div>
									<label class="col-3 col-form-label">با آیکون</label>
									<div class="col-3">
										<span class="switch switch-sm switch-icon">
											<label>
												<input type="checkbox" name="select" />
												<span></span>
											</label>
										</span>
									</div>
								</div>
								<div class="form-group row">
									<label class="col-3 col-form-label">وضعیت غیرفعال</label>
									<div class="col-3">
										<span class="switch switch-sm">
											<label>
												<input type="checkbox" disabled="disabled"/>
												<span></span>
											</label>
										</span>
									</div>
									<label class="col-3 col-form-label">با آیکون</label>
									<div class="col-3">
										<span class="switch switch-sm switch-icon">
											<label>
												<input type="checkbox" disabled="disabled"/>
												<span></span>
											</label>
										</span>
									</div>
								</div>
							</form>
						

استایل تک رنگ


						<form class="form">
							<div class="form-group row">
								<label class="col-3 col-form-label">موفقیت</label>
								<div class="col-3">
									<span class="switch switch-success">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">اصلی</label>
								<div class="col-3">
									<span class="switch switch-primary">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-3 col-form-label">اطلاعات</label>
								<div class="col-3">
									<span class="switch switch-info">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">هشدار</label>
								<div class="col-3">
									<span class="switch switch-danger">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-3 col-form-label">برند</label>
								<div class="col-3">
									<span class="switch switch-brand">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">تیره</label>
								<div class="col-3">
									<span class="switch switch-dark">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
						</form>
                    

استایل دور خط


						<form class="form">
							<div class="form-group row">
								<label class="col-3 col-form-label">موفقیت</label>
								<div class="col-3">
									<span class="switch switch-outline switch-icon switch-success">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">هشدار</label>
								<div class="col-3">
									<span class="switch switch-outline switch-icon switch-warning">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-3 col-form-label">اطلاعات</label>
								<div class="col-3">
									<span class="switch switch-outline switch-icon switch-info">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">هشدار</label>
								<div class="col-3">
									<span class="switch switch-outline switch-icon switch-danger">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-3 col-form-label">اصلی</label>
								<div class="col-3">
									<span class="switch switch-outline switch-icon switch-primary">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
								<label class="col-3 col-form-label">برند</label>
								<div class="col-3">
									<span class="switch switch-outline switch-icon switch-brand">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-3 col-form-label">تیره</label>
								<div class="col-3">
									<span class="switch switch-outline switch-icon switch-dark">
										<label>
											<input type="checkbox" checked="checked" name="select"/>
											<span></span>
										</label>
									</span>
								</div>
							</div>
						</form>
                    

سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7
پیام های سیستم
نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار
اعلان ها
اهداف دیگر موعد 2 روز
+28%
+50%
بهترین محصول موعد 2 روز
+8%
مراقبت از مشتری
گزارشات
اعضا

انتخاب نسخه ی نمایشی

نسخه ی نمایشی 1
نسخه ی نمایشی 2
نسخه ی نمایشی 3
نسخه ی نمایشی 4
نسخه ی نمایشی 5
نسخه ی نمایشی 6
نسخه ی نمایشی 7
نسخه ی نمایشی 8
نسخه ی نمایشی 9
نسخه ی نمایشی 10
نسخه ی نمایشی 11
نسخه ی نمایشی 12
نسخه ی نمایشی 13
نسخه ی نمایشی 14
نسخه ی نمایشی 15
نسخه ی نمایشی 16
نسخه ی نمایشی 17
نسخه ی نمایشی 18
نسخه ی نمایشی 19
نسخه ی نمایشی 20
نسخه ی نمایشی 21
نسخه ی نمایشی 22
نسخه ی نمایشی 23
نسخه ی نمایشی 24
نسخه ی نمایشی 25
نسخه ی نمایشی 26
نسخه ی نمایشی 27
نسخه ی نمایشی 28
نسخه ی نمایشی 29
نسخه ی نمایشی 30