1e41f4b71Sopenharmony_ci# JavaScript Service Widget UI Components 2e41f4b71Sopenharmony_ci 3e41f4b71Sopenharmony_ci- Framework Overview 4e41f4b71Sopenharmony_ci - [File Organization](js-service-widget-file.md) 5e41f4b71Sopenharmony_ci - Syntax 6e41f4b71Sopenharmony_ci - [HML](js-service-widget-syntax-hml.md) 7e41f4b71Sopenharmony_ci - [CSS](js-service-widget-syntax-css.md) 8e41f4b71Sopenharmony_ci - [Multi-Language Capability](js-service-widget-multiple-languages.md) 9e41f4b71Sopenharmony_ci - [Version Compatibility Adaptation](js-service-widget-version-compatibility.md) 10e41f4b71Sopenharmony_ci - [Theme Configuration](js-service-widget-theme.md) 11e41f4b71Sopenharmony_ci- Universal Component Information 12e41f4b71Sopenharmony_ci - [Universal Attributes](js-service-widget-common-attributes.md) 13e41f4b71Sopenharmony_ci - [Universal Styles](js-service-widget-common-styles.md) 14e41f4b71Sopenharmony_ci - [Universal Events](js-service-widget-common-events.md) 15e41f4b71Sopenharmony_ci - [Gradient Styles](js-service-widget-common-gradient.md) 16e41f4b71Sopenharmony_ci - [Media Query](js-service-widget-common-mediaquery.md) 17e41f4b71Sopenharmony_ci - [Custom Font Styles](js-service-widget-common-customizing-font.md) 18e41f4b71Sopenharmony_ci - [Accessibility](js-service-widget-common-accessibility.md) 19e41f4b71Sopenharmony_ci - [Atomic Layout](js-service-widget-common-atomic-layout.md) 20e41f4b71Sopenharmony_ci - Container Components 21e41f4b71Sopenharmony_ci - [badge](js-service-widget-container-badge.md) 22e41f4b71Sopenharmony_ci - [div](js-service-widget-container-div.md) 23e41f4b71Sopenharmony_ci - [list](js-service-widget-container-list.md) 24e41f4b71Sopenharmony_ci - [list-item](js-service-widget-container-list-item.md) 25e41f4b71Sopenharmony_ci - [stack](js-service-widget-container-stack.md) 26e41f4b71Sopenharmony_ci - [swiper](js-service-widget-container-swiper.md) 27e41f4b71Sopenharmony_ci - Basic Components 28e41f4b71Sopenharmony_ci - [button](js-service-widget-basic-button.md) 29e41f4b71Sopenharmony_ci - [calendar](js-service-widget-basic-calendar.md) 30e41f4b71Sopenharmony_ci - [chart](js-service-widget-basic-chart.md) 31e41f4b71Sopenharmony_ci - [clock](js-service-widget-basic-clock.md) 32e41f4b71Sopenharmony_ci - [divider](js-service-widget-basic-divider.md) 33e41f4b71Sopenharmony_ci - [image](js-service-widget-basic-image.md) 34e41f4b71Sopenharmony_ci - [input](js-service-widget-basic-input.md) 35e41f4b71Sopenharmony_ci - [progress](js-service-widget-basic-progress.md) 36e41f4b71Sopenharmony_ci - [span](js-service-widget-basic-span.md) 37e41f4b71Sopenharmony_ci - [text](js-service-widget-basic-text.md) 38e41f4b71Sopenharmony_ci- [Custom Component Basic Usage](js-service-widget-custom-basic-usage.md) 39e41f4b71Sopenharmony_ci- [Data Types](js-service-widget-appendix-types.md) 40