Component Overview

A component is the core of a page. Each component is an independent visual and interactive functional unit through simple encapsulation of data and methods. They are independent of each other, readily available, and reusable wherever needed.

You can also customize a new component through proper combination of components to make the development simple and easy. For details about how to customize components, see Custom Components.

Classification

Components can be classified into the following types based on their functions.

Type	Components
Container	badge, dialog, div, form, list, list-item, list-item-group, panel, popup, refresh, stack, stepper, stepper-item, swiper, tabs, tab-bar, tab-content
Basic	button, chart, divider, image, image-animator, input, label, marquee, menu, option, picker, picker-view, piece, progress, qrcode, rating, richtext, search, select, slider, span, switch, text, textarea, toolbar, toolbar-item, toggle
Media	video
Canvas	canvas
Grid	grid-container, grid-row, grid-col
SVG	svg, rect, circle, ellipse, path, line, polyline, polygon, text, tspan, textPath, animate, animateMotion, animateTransform