> For the complete documentation index, see [llms.txt](https://pmsgz.gitbook.io/nectar/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pmsgz.gitbook.io/nectar/ui-ux.md). # UI & UX - [Components](https://pmsgz.gitbook.io/nectar/ui-ux/components.md) - [Accordion](https://pmsgz.gitbook.io/nectar/ui-ux/components/accordion.md) - [Action Sheet](https://pmsgz.gitbook.io/nectar/ui-ux/components/action-sheet.md) - [Audio](https://pmsgz.gitbook.io/nectar/ui-ux/components/audio.md) - [Autocomplete](https://pmsgz.gitbook.io/nectar/ui-ux/components/autocomplete.md) - [Badge](https://pmsgz.gitbook.io/nectar/ui-ux/components/badge.md) - [Breadcrumb](https://pmsgz.gitbook.io/nectar/ui-ux/components/breadcrumb.md) - [Button](https://pmsgz.gitbook.io/nectar/ui-ux/components/button.md) - [Card](https://pmsgz.gitbook.io/nectar/ui-ux/components/card.md) - [Chart](https://pmsgz.gitbook.io/nectar/ui-ux/components/chart.md) - [Checkbox](https://pmsgz.gitbook.io/nectar/ui-ux/components/checkbox.md) - [Chip](https://pmsgz.gitbook.io/nectar/ui-ux/components/chip.md) - [Color Picker](https://pmsgz.gitbook.io/nectar/ui-ux/components/color-picker.md) - [Content Block](https://pmsgz.gitbook.io/nectar/ui-ux/components/content-block.md) - [Data Table](https://pmsgz.gitbook.io/nectar/ui-ux/components/data-table.md) - [Date-Time Picker](https://pmsgz.gitbook.io/nectar/ui-ux/components/date-time-picker.md) - [Dialog](https://pmsgz.gitbook.io/nectar/ui-ux/components/dialog.md) - [Dropcap](https://pmsgz.gitbook.io/nectar/ui-ux/components/dropcap.md) - [Elevation](https://pmsgz.gitbook.io/nectar/ui-ux/components/elevation.md) - [Embed](https://pmsgz.gitbook.io/nectar/ui-ux/components/embed.md) - [Empty State](https://pmsgz.gitbook.io/nectar/ui-ux/components/empty-state.md) - [Expandable Card](https://pmsgz.gitbook.io/nectar/ui-ux/components/expandable-card.md) - [Flip Card](https://pmsgz.gitbook.io/nectar/ui-ux/components/flip-card.md) - [Floating Action Button](https://pmsgz.gitbook.io/nectar/ui-ux/components/floating-action-button.md) - [Form Input](https://pmsgz.gitbook.io/nectar/ui-ux/components/form-input.md) - [Form Validator](https://pmsgz.gitbook.io/nectar/ui-ux/components/form-validator.md) - [Gauge](https://pmsgz.gitbook.io/nectar/ui-ux/components/gauge.md) - [Grid](https://pmsgz.gitbook.io/nectar/ui-ux/components/grid.md) - [Icon](https://pmsgz.gitbook.io/nectar/ui-ux/components/icon.md) - [Image](https://pmsgz.gitbook.io/nectar/ui-ux/components/image.md) - [Image Compare](https://pmsgz.gitbook.io/nectar/ui-ux/components/image-compare.md) - [Image Hotspot](https://pmsgz.gitbook.io/nectar/ui-ux/components/image-hotspot.md) - [Infinite Scroll](https://pmsgz.gitbook.io/nectar/ui-ux/components/infinite-scroll.md) - [Keypad](https://pmsgz.gitbook.io/nectar/ui-ux/components/keypad.md) - [Line Divider](https://pmsgz.gitbook.io/nectar/ui-ux/components/line-divider.md) - [List Index](https://pmsgz.gitbook.io/nectar/ui-ux/components/list-index.md) - [List View](https://pmsgz.gitbook.io/nectar/ui-ux/components/list-view.md) - [Marquee](https://pmsgz.gitbook.io/nectar/ui-ux/components/marquee.md) - [Menu](https://pmsgz.gitbook.io/nectar/ui-ux/components/menu.md) - [Menu List](https://pmsgz.gitbook.io/nectar/ui-ux/components/menu-list.md) - [Navbar](https://pmsgz.gitbook.io/nectar/ui-ux/components/navbar.md) - [Note](https://pmsgz.gitbook.io/nectar/ui-ux/components/note.md) - [Notification](https://pmsgz.gitbook.io/nectar/ui-ux/components/notification.md) - [Pagination](https://pmsgz.gitbook.io/nectar/ui-ux/components/pagination.md) - [Photo Browser](https://pmsgz.gitbook.io/nectar/ui-ux/components/photo-browser.md) - [Picker](https://pmsgz.gitbook.io/nectar/ui-ux/components/picker.md) - [Popover](https://pmsgz.gitbook.io/nectar/ui-ux/components/popover.md) - [Popup](https://pmsgz.gitbook.io/nectar/ui-ux/components/popup.md) - [Preloader](https://pmsgz.gitbook.io/nectar/ui-ux/components/preloader.md) - [Progress Bar](https://pmsgz.gitbook.io/nectar/ui-ux/components/progress-bar.md) - [Pull-to-Refresh](https://pmsgz.gitbook.io/nectar/ui-ux/components/pull-to-refresh.md) - [Quote](https://pmsgz.gitbook.io/nectar/ui-ux/components/quote.md) - [Radio](https://pmsgz.gitbook.io/nectar/ui-ux/components/radio.md) - [Range Slider](https://pmsgz.gitbook.io/nectar/ui-ux/components/range-slider.md) - [Rating](https://pmsgz.gitbook.io/nectar/ui-ux/components/rating.md) - [Ribbon](https://pmsgz.gitbook.io/nectar/ui-ux/components/ribbon.md) - [Searchbar](https://pmsgz.gitbook.io/nectar/ui-ux/components/searchbar.md) - [Sheet Modal](https://pmsgz.gitbook.io/nectar/ui-ux/components/sheet-modal.md) - [Show More/Less](https://pmsgz.gitbook.io/nectar/ui-ux/components/show-more-less.md) - [Side Panel](https://pmsgz.gitbook.io/nectar/ui-ux/components/side-panel.md) - [Signature Pad](https://pmsgz.gitbook.io/nectar/ui-ux/components/signature-pad.md) - [Skeleton](https://pmsgz.gitbook.io/nectar/ui-ux/components/skeleton.md) - [Smart Select](https://pmsgz.gitbook.io/nectar/ui-ux/components/smart-select.md) - [Sortable List](https://pmsgz.gitbook.io/nectar/ui-ux/components/sortable-list.md) - [Stepper](https://pmsgz.gitbook.io/nectar/ui-ux/components/stepper.md) - [Subnavbar](https://pmsgz.gitbook.io/nectar/ui-ux/components/subnavbar.md) - [Swipeout](https://pmsgz.gitbook.io/nectar/ui-ux/components/swipeout.md) - [Swiper Slider](https://pmsgz.gitbook.io/nectar/ui-ux/components/swiper-slider.md) - [Syntax Highlighter](https://pmsgz.gitbook.io/nectar/ui-ux/components/syntax-highlighter.md) - [Tab](https://pmsgz.gitbook.io/nectar/ui-ux/components/tab.md) - [Text Editor](https://pmsgz.gitbook.io/nectar/ui-ux/components/text-editor.md) - [Timeline](https://pmsgz.gitbook.io/nectar/ui-ux/components/timeline.md) - [Timer](https://pmsgz.gitbook.io/nectar/ui-ux/components/timer.md) - [Toast](https://pmsgz.gitbook.io/nectar/ui-ux/components/toast.md) - [Toggle](https://pmsgz.gitbook.io/nectar/ui-ux/components/toggle.md) - [Toolbar](https://pmsgz.gitbook.io/nectar/ui-ux/components/toolbar.md) - [Tooltip](https://pmsgz.gitbook.io/nectar/ui-ux/components/tooltip.md) - [Tour Guide](https://pmsgz.gitbook.io/nectar/ui-ux/components/tour-guide.md) - [Tree View](https://pmsgz.gitbook.io/nectar/ui-ux/components/tree-view.md) - [Video](https://pmsgz.gitbook.io/nectar/ui-ux/components/video.md) - [Virtual List](https://pmsgz.gitbook.io/nectar/ui-ux/components/virtual-list.md) - [Screens](https://pmsgz.gitbook.io/nectar/ui-ux/screens.md) - [Splash Screen](https://pmsgz.gitbook.io/nectar/ui-ux/screens/splash-screen.md)