theme

#1E90FF #F44336 #9c27b0 #009688 #3F51B5

button

normal

primary dashed flat default loading

with icon

like search back link

block

primary dashed flat default

disabled

primary dashed flat default

slider

loading

switch

checkbox

Html Css Javascript Python Php Dart Swift Other

radio

javascript

React Vue Angular Other disabled

display

block inline-block inline flex grid table other

tips

normal

auto top right bottom left some tips topleft topright righttop rightbottom bottomleft bottomright lefttop leftbottom

status

success warning error custom color

select

Option1 Option2 Option3 Option1 Option2 Option3 Option4444 Option1 Option2 Option3 Option4444

icon

name

path

tab

label

A placeholder inside a web component that users can fill with their own markup, with the effect of composing different DOM trees together. A placeholder inside a web component that users can fill with their own markup, with the effect of composing different DOM trees together. A placeholder inside a web component that users can fill with their own markup, with the effect of composing different DOM trees together.

scrollable

tab1 tab2 tab3 tab4 tab5 tab6 tab7 tab8 tab9 tab10

label with icon

tab1 tab2 tab3

only icon

tab1 tab2 tab3

layout

HEADER xy-layout FOOTER

grid

11 22 22

dialog

open dialog alert confirm info success error warning 232 tab1 tab2 tab3 tab4 tab5 tab6 tab7 tab8 tab9 tab10

popover

pop confirm pop confirm disabled pop confirm
自定义删除后无法撤销
删除后无法撤销
删除后无法撤销
删除后无法撤销
删除后无法撤销
pop pane
这是一段提示提示提示提示提示
这是一段提示
这是一段提示
这是一段提示
这是一段提示
pop flat
这是一段提示提示提示
这是一段提示
这是一段提示
这是一段提示
这是一段提示

dir

top right bottom left lefttop leftbottom topleft topright righttop rightbottom bottomleft bottomright

color-picker

date-picker

type="date"

type="month"

type="year"

min、max

range

pane

message

info success error warning loading

input

placeholder

label

icon

block

disabled

type[password]

type[search]

type[number]

validity

textarea

img

src

lazy

ratio

defaultsrc

gallery

rate

tips

disabled

form

wuhan beijin shanghai React Vue Angular Flutter Swift Html Css Javascript Php Dart I have read submit reset

view

table

John Brown 32 New York No. 1 Lake Park Jim Green 42 London No. 1 Lake Park Jim Green 42 London No. 1 Lake Park Jim Green 42 London No. 1 Lake Park Jim Green 42 London No. 1 Lake Park

text

xy-ui is a front end cross-framework ui library based on web-components
xy-ui
xy-ui
xy-ui
xy-ui
xy-ui
xy-ui
xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.xy-ui is a front end cross-framework ui library based on web-components.

pagination