ទិដ្ឋភាពទូទៅនៃសមាសភាគ
អ្នកអាចអានការណែរនាំនីមួយៗខាងក្រោម ដើម្បីយកសមាសភាគរបស់ទាំងនេះយកទៅអនុវត្ត ប្រើប្រាស់ ឬកែសម្រួល តាមតម្រូវការ។
ទំព័រនីមួយៗបង្ហាញប្រាប់អ្នកយ៉ាងក្បោះក្បាយអំពីរបៀបនៃការប្រើប្រាស់ ឧទាហរណ៍នៃការប្រើប្រាស់ និងគោលការណ៍ណែនាំនៃការប្រើប្រាស់និងការរចនា។
![footer image](/assets/img/components-overview/footer.png)
បាតកថា ផ្ដល់ព័ត៌មានអំពីសេវាកម្មរបស់អ្នកនៅផ្នែកខាងក្រោមនៃគេហទំព័រ។ គ្រប់សេវាកម្មឌីជីថលរបស់រាជរដ្ឋាភិបាលទាំងអស់គួរតែមានបាតកថារួមមួយនៅគ្រប់ទំព័ររបស់គេហទំព័ររបស់ខ្លួន។ បាតកថាគួរតែប្រាប់អ្នកប្រើប្រាស់ពីឈ្មោះសេវាកម្ម លេខទំនាក់ទំនង ឯកជនភាព និងលក្ខខណ្ឌនៃការប្រើប្រាស់។
![main-navigation image](/assets/img/components-overview/main-navigation.png)
ជាមធ្យោបាយចម្បងដែលអ្នកប្រើប្រាស់នឹងប្រើដើម្បីស្វែងរកផ្នែកនីមួយៗនៃគេហទំព័រតាមរយៈតំណភ្ជាប់ទៅកាន់ផ្នែកទាំងនោះ។
![side-navigation image](/assets/img/components-overview/side-navigation.png)
ប្រើសម្រាប់ដាក់តំណភ្ជាប់ដែលបញ្ជូនអ្នកប្រើប្រាស់ទៅកាន់ផ្នែកផ្សេងៗរបស់ទំព័រ ឬទៅកាន់ទំព័រផ្សេងៗដែលពាក់ព័ន្ធនឹងទំព័រដើម។ វាជារបារបន្ទាប់បន្សំរបស់របារខាងលើដែលជារបារសំខាន់គោល។
![accordion image](/assets/img/components-overview/accordion.png)
![alert image](/assets/img/components-overview/alert.png)
![badge image](/assets/img/components-overview/badge.png)
![breadcrumb image](/assets/img/components-overview/breadcrumb.png)
តំណជំហានផ្ដល់ភាពងាយស្រួលដល់អ្នកប្រើប្រាស់ក្នុងការស្វែងរក និងប្រាប់ថាគាត់កំពុងនៅលើទំព័រណាមួយនៃគេហទំព័រទាំងមូល។
![button image](/assets/img/components-overview/button.png)
ប៊ូតុងបញ្ជាសកម្មភាពនៅក្នុងទំព័រដូចជា ការស្នើទម្រង់ ការបញ្ជូន និងការចុចដើម្បីទាញយកជាដើម។
![card image](/assets/img/components-overview/card.png)
កាតអាចត្រូវបានប្រើសម្រាប់បឋមកថានិងបាតកថា មាតិកាដែលមានផ្ទៃខាងក្រោយ និងមាតិកាដែលមានរូបភាព។
![checkbox image](/assets/img/components-overview/checkbox.png)
សម្រាប់ប្រើប្រាស់នៅពេលអ្នកចង់ឱ្យអ្នកប្រើប្រាស់អាចរើសយកជម្រើសលើសពីមួយចេញពីក្រុម។
![combo-box image](/assets/img/components-overview/combo-box.png)
ពេលអ្នកចង់តម្រូវឱ្យអ្នកប្រើប្រាស់ជ្រើសរើសយកជម្រើសមួយឬច្រើនដោយជ្រើសចេញពីតារាងនៃជម្រើសមួយ។
![file-upload image](/assets/img/components-overview/file-upload.png)
![modal image](/assets/img/components-overview/modal.png)
ជូនដំណឹងដល់អ្នកប្រើប្រាស់អំពីកិច្ចការជាក់លាក់មួយ និងអាចមានព័ត៌មានសំខាន់ៗដែលអ្នកប្រើប្រាស់ត្រូវធ្វើការសម្រេចចិត្ត។ ឧ. ការទទួលយកលក្ខខណ្ឌប្រើប្រាស់អំឡុងពេលចុះឈ្មោះ។
![pagination image](/assets/img/components-overview/pagination.png)
ត្រូវបានប្រើដើម្បីបង្ហាញពីបញ្ជីលេខនៃទំព័រសម្រាប់អ្នកប្រើប្រាស់ ដូច្នេះអ្នកប្រើប្រាស់អាចស្វែងរកទំព័របន្ទាប់ ឬត្រឡប់ក្រោយបាន។
![progress-bar image](/assets/img/components-overview/progress-bar.png)
ផ្ដល់ដំណឹងពីបច្ចុប្បន្នភាពរបស់ដំណើរការឬសកម្មភាពណាមួយរបស់អ្នកប្រើប្រាស់ ជាមួយនឹងរបារវឌ្ឍនភាពសាមញ្ញ និងបត់បែនបាន។
![quantity-toggle image](/assets/img/components-overview/quantity-toggle.png)
ប្រើសម្រាប់បន្ថែម ឬបន្ថយចំនួន ដែលជាទូទៅត្រូវបានប្រើដើម្បីឱ្យអ្នកប្រើប្រាស់ងាយស្រួលកំណត់ចំនួនធាតុណាមួយ។
![radio-button image](/assets/img/components-overview/radio-button.png)
ពេលអ្នកចង់បង្ហាញជម្រើសមួយឱ្យអ្នកប្រើប្រាស់ឃើញ និងអនុញ្ញាតឱ្យជ្រើសរើសយកបានតែមួយគត់ប៉ុណ្ណោះ។
![stepper image](/assets/img/components-overview/stepper.png)
សម្រាប់ប្រាប់អ្នកប្រើប្រាស់ឱ្យដឹងថាពួកគាត់នៅក្នុងជំហានទីប៉ុន្មាននៅក្នុងដំណើរការណាមួយដែលមានដូចជាដំណើរការនៃការបំពេញទម្រង់បែបបទជាដើម។
![table image](/assets/img/components-overview/table.png)
![tabs image](/assets/img/components-overview/tabs.png)
ផ្ទាំងប្រើសម្រាប់ការរៀបចំ ប្រមូលផ្ដុំបែងចែក និងដាក់បង្ហាញផ្នែកឬខ្លឹមសារផ្សេងៗរបស់ទំព័រ។
![text-area image](/assets/img/components-overview/text-area.png)
![text-input image](/assets/img/components-overview/text-input.png)
អនុញ្ញាតឱ្យអ្នកប្រើប្រាស់អាចបញ្ចូលអក្សរ លេខ និងសញ្ញាសម្គាល់ផ្សេងៗ ដាក់ក្នុងបន្ទាត់តែមួយ។
![toast image](/assets/img/components-overview/toast.png)
ដំណឹងសាររហ័សជាផ្ទាំងសារតូចមួយដែលចេញពីលើទំព័រដើម្បីផ្ដល់សារ ព័ត៌មានខ្លីៗ និងសារប្រាប់ពីបញ្ហាបច្ចេកទេសដល់អ្នកប្រើប្រាស់។
![tooltip image](/assets/img/components-overview/tooltip.png)
សម្រាប់បង្ហាញព័ត៌មានបន្ថែម ដែលនឹងលេចចេញមកក្រៅនៅពេលអ្នកប្រើប្រាស់hoverពីលើធាតុណាមួយ។