-
Notification
-
Dmitriy Groshev
Hi, i am josephin. How are you...
17:123 -
Sufiya Elija
I need job, Please help me.
Fri -
Janis Evans
Good Morning!
8:2212 -
Mukrani Pabelo
Hi, i am josephin. How are you...
03:1410 -
Josephin Water
You’ve got some kind of a stom...
Thu -
Janis Evans
Good Morning!
8:2212 -
Sufiya Elija
I need job, Please help me.
Fri
-
-
-
-
Cart Items (25)
-
Flower Pot
$25.00
-
Iphone Max pro
$35.20
-
Royal Party Glass
$45.10
-
Water Proof Watch
$12.30
-
Traveling Duffle Bag
$32.10
Proceed to CheckoutAdd Total
$250.00 -
-
-
-
English -
French -
Spanich -
Arabic
-
-
Helen Walter
Admin
Checkbox Radio
Remember Me
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p>Remember me</p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
<i data-feather="check">
</label>
</div>
</div>
primary
secondary
info
warning
dark
<div class="form-group flex justify-between gap-2">
<div class="mb-4 flex items-center gap-2">
<label checkbox class="w-[20px] h-[20px]">
<input type='checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
<i class="data-feather="check"></i>
</lable>
<p primary > </p>
</div>
<div class="mb-4 flex items-center gap-2" >
<p secondary </p>
<label checkbox class="w-[20px] h-[20px]">
<input type='checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-secondary !border-secondary"></div>
</lable>
<i data-feather="check">
</div>
<div class="mb-4flex items-center gap-2">
<p class="success-light"></p>
<label checkbox class="w-[20px] h-[20px]">
<input type='checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-success-light !border-success-light"></div>
</lable>
<i data-feather="check">
</div>
<div class="mb-4flex items-center gap-2">
<p class="success-light"></p>
<label checkbox class="w-[20px] h-[20px]">
<input type='checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-success-light !border-success-light"></div>
</lable>
<i data-feather="check">
</div>
</div>
disabled
disabled
<div>
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p primary > </p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
</lable>
<i data-feather="check">
</div>
</div>
</div>
<div>
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p primary > </p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
</lable>
<i data-feather="check">
</div>
</div>
</div>
Selection A
Selection B
Selection C
Selection D
Selection E
<div>
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p primary > </p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
</lable>
<i data-feather="check">
</div>
</div>
</div>
Checked button
Default button
<div>
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p primary > </p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
</lable>
<i data-feather="check">
</div>
</div>
</div>
<div>
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p >primary </p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
</lable>
<i data-feather="check">
</div>
</div>
</div>
<div>
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p primary > </p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
</lable>
<i data-feather="check">
</div>
</div>
</div>
primary
secondary
warning
info
dark
<div>
<div class="form-group flex justify-between gap-2" >
<div mb-4 flex items-center gap-2 >
<p primary > </p>
<label checkbox class="w-[20px] h-[20px]">
<input type= 'checkbox'class="peer"/>
<div checkbox-indicator class="peer-checked:!bg-primary !border-primary"></div>
</lable>
<i data-feather="check">
</div>
</div>
</div>