Classes and methods

Click on the block type name to jump to the detailed class and function page. In addition, specifications such as margins are common parameters of each class, and can be used in any block.

Container

• block(Simple container)

• card

• col (A container whose interior is a row)

• expTile (A container whose interior expands downward with a tap)

• row (A container with a column inside)

• scroll (A container whose interior can be scrolled)

• span(A container whose interior can be the same line element)

• stack (A container whose interior can be stacked like layers)

• tr (A container for rows inside a table)

• table (A container with a spreadsheet inside)

• wrap (A container whose interior is laid out in the Z direction from the upper left)

• circleAvatar (Circular viewing area)

• badge (Notifications on the icon)

• tooltip (Description text on the element)

Text

Default

• text

• menu (Non mergin text)

• href

• ruby (The ruby-text)

• tf (textField)

• superscript

• subscript

Material V3

• displayL

• displayM

• displayS

• headlineL

• headlineM

• headlineS

• titleL

• titleM

• titleS

• labelL

• labelM

• labelS

• bodyL

• bodyM

• bodyS

Material V2

• h1

• h2

• h3

• h4

• h5

• h6

• subtitle1

• subtitle2

• body1

• body2

• caption

• overline

Buttons (elements that respond to touch interactions)

• btn (buttons)

• checkbox (Multi selection)

• checkbox2 (Multi selection)

• dropdownBtn

• dropdownBtn2

• popupMenuBtn

• popupMenuBtn2

• radioBtn (Single selection)

• radioBtn2 (Single selection)

• switchBtn

• segmentedBtn

• segmentedBtn2

Others

• icon

• img (image)

• line (Horizontal line)

• vline (Vertical line)

• progressIndicator

• slider