Declaration method (Hbuilder will be generated automatically)
<!DOCTYPE HTML><HTML><Head> <MetaCharSet= "Utf-8"> <Metaname= "Viewport"content= "Width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <Scriptsrc= "Js/mui.min.js"></Script> <Linkhref= "Css/mui.min.css"rel= "stylesheet"/> <Scripttype= "Text/javascript"CharSet= "Utf-8">Mui.init (); </Script></Head><Body> <P>Content Area</P></Body></HTML>
Accordion folding Panel
<Body> <ulclass= "Mui-table-view"> <!--the default selection for the collapse panel mui-active - <Liclass= "Mui-table-view-cell mui-collapse mui-active"> <!--collapse Panel Header content - <aclass= "Mui-navigate-right"href="#">Panel 1</a> <!--collapse Panel specific content - <Divclass= "Mui-collapse-content"> <P>Panel 1 sub-content</P> </Div> </Li> <Liclass= "Mui-table-view-cell mui-collapse"> <aclass= "Mui-navigate-right"href="#">Panel 2</a> <Divclass= "Mui-collapse-content"> <P>Panel 2 sub-content</P> </Div> </Li> <Liclass= "Mui-table-view-cell mui-collapse"> <aclass= "Mui-navigate-right"href="#">Panel 3</a> <Divclass= "Mui-collapse-content"> <P>Panel 3 sub-content</P> </Div> </Li> </ul> </Body>
Badges Digital Corner Mark
<Body> <!--Default gray background - <spanclass= "Mui-badge">1</span> <!--Blue - <spanclass= "Mui-badge mui-badge-primary">12</span> <!--Green - <spanclass= "Mui-badge mui-badge-success">123</span> <!--Orange Color - <spanclass= "Mui-badge mui-badge-warning">3</span> <!--Red - <spanclass= "Mui-badge Mui-badge-danger">45</span> <!--Purple - <spanclass= "Mui-badge mui-badge-purple">456</span> <!--Colorless - <spanclass= "Mui-badge mui-badge-inverted">1</span></Body>
Button buttons
<Body> <!--Background Color button - <Buttontype= "button"class= "Mui-btn">Default</Button> <Buttontype= "button"class= "Mui-btn mui-btn-primary">Blue</Button> <Buttontype= "button"class= "Mui-btn mui-btn-success">Green</Button> <Buttontype= "button"class= "Mui-btn mui-btn-warning">Yellow</Button> <Buttontype= "button"class= "Mui-btn Mui-btn-danger">Red</Button> <Buttontype= "button"class= "Mui-btn Mui-btn-royal">Purple</Button> <!--Border Color button - <Buttontype= "button"class= "Mui-btn mui-btn-outlined">Default</Button> <Buttontype= "button"class= "Mui-btn mui-btn-primary mui-btn-outlined">Blue</Button> <Buttontype= "button"class= "Mui-btn mui-btn-success mui-btn-outlined">Green</Button> <Buttontype= "button"class= "Mui-btn mui-btn-warning mui-btn-outlined">Yellow</Button> <Buttontype= "button"class= "Mui-btn mui-btn-danger mui-btn-outlined">Red</Button> <Buttontype= "button"class= "Mui-btn mui-btn-royal mui-btn-outlined">Purple</Button></Body>
HTML5 MUI Frame (declarative) (folding panel) (Digital Corner) (button)