ប៊ូតុងបន្ថែមបន្ថយចំនួន

ប្រើសម្រាប់បន្ថែម ឬបន្ថយចំនួន ដែលជាទូទៅត្រូវបានប្រើដើម្បីឱ្យអ្នកប្រើប្រាស់ងាយស្រួលកំណត់ចំនួនធាតុណាមួយ។

មានជាទូទៅ

ឧទាហរណ៍

ខាងឆ្វេងបិទដំណើរការ

 
<div class="cgds input-group" variant="quantity-toggle">
  <button type="button" class="btn btn-primary btn-sm cgds" disabled><i class="bi bi-dash"></i></button>
  <input id="quantityLeftDisabled" type="number" class="form-control text-center" value="0">
  <button type="button" class="btn btn-primary btn-sm cgds" onclick="increment('LeftDisabled')"><i class="bi bi-plus"></i></button>
</div>

        

ខាងស្តំាបិទដំណើរការ

 
<div class="cgds input-group" variant="quantity-toggle">
  <button type="button" class="btn btn-primary btn-sm cgds" onclick="decrement('RightDisabled')"><i class="bi bi-dash"></i></button>
  <input id="quantityRightDisabled" type="number" class="form-control text-center" value="1">
  <button type="button" class="btn btn-primary btn-sm cgds" disabled><i class="bi bi-plus"></i></button>
</div>

        

សងខាងមិនដំណើរការ

 
<div class="cgds input-group" variant="quantity-toggle">
  <button type="button" class="btn btn-primary btn-sm cgds" disabled" disabled><i class="bi bi-dash"></i></button>
  <input id="quantityLeftRightDisabled" type="number" class="form-control text-center" value="2" disabled>
  <button type="button" class="btn btn-primary btn-sm cgds" disabled><i class="bi bi-plus"></i></button>
</div>

        

បើកដំណើរការទាំងសងខាង

 
<div class="cgds input-group" variant="quantity-toggle">
  <button type="button" class="btn btn-primary btn-sm cgds" onclick="decrement('Enabled')"><i class="bi bi-dash"></i></button>
  <input id="quantityEnabled" type="number" class="form-control text-center" value="3">
  <button type="button" class="btn btn-primary btn-sm cgds" onclick="increment('Enabled')"><i class="bi bi-plus"></i></button>
</div>

        

ធាតុផ្សំ

Quantity Toggle Anatomy
  1. បរិមាណ៖ បង្ហាញអ្នកប្រើប្រាស់ពីចំនួននា​ពេល​បច្ចុប្បន្ន។
  2. ប៊ូតុង៖ អនុញ្ញាតឱ្យអ្នកប្រើប្រាស់ចុចបន្ថែម ឬបន្ថយចំនួន។

គម្លាត

Quantity Toggle Spacing

នៅក្នុងប៊ូតុងបន្ថែមបន្ថយចំនួន
រក្សាគម្លាតយ៉ាងតិច 16px នៅ​លើអ័ក្សឈរនៃគែមរបស់ប៊ូតុង។

គោលការណ៍ណែនាំនៃការប្រើប្រាស់

ប៊ូតុងបន្ថែមបន្ថយចំនួនគួរប្រើប្រាស់នៅពេល៖

  • ពេលបរិមាណត្រូវការបន្ថែម ឬបន្ថយចំនួនបន្តិចបន្តួច។

ប៊ូតុងបន្ថែមបន្ថយចំនួនមិនគួរប្រើប្រាស់នៅពេល៖

  • ពេលបរិមាណត្រូវការបន្ថែម ឬបន្ថយចំនួនច្រើន។

គោលការណ៍ណែនាំនៃការរចនា

បង្ហាញអ្នកប្រើប្រាស់ពីចំនួនចាប់ផ្តើមនិងចំនួនបច្ចុប្បន្ន
ដាក់បង្ហាញចំនួនដែលអ្នកប្រើប្រាស់បានបញ្ចូល ដើម្បីពួកគាត់ងាយដឹងថាគាត់ត្រូវចុចប៊ូតុងបន្ថែម ឬបន្ថយប៉ុន្មានដងទៀតដើម្បីកំណត់បានចំនួនដែលពួកគាត់ចង់បាន។

អនុញ្ញាតឱ្យពួកគាត់អាចចុចបញ្ចូលលេខចំនួនដោយផ្ទាល់ដៃបាន
អ្នកប្រើប្រាស់អាចចង់ចុចបញ្ចូលលេខចំនួនដោយផ្ទាល់ដៃដោយផ្ទាល់ដៃតាមរយៈក្តារចុចរបស់គាត់ជាជាងការចុចប៊ូតុង ដូច្នេះគួរផ្តល់ជម្រើសនេះឱ្យពួកគាត់។

Home


Previous version 1.0.3