Try Install Learn Blog API Packages GitHub
Pages
mint-ui

Search
Basic information
Entities
Versions
Dependencies
mint-color 0.9.0 <= v < 1.0.0

Ui.Tabs

A simple tabs component.

  • the tabs on mobile dimensions collapse into a buttonwhich opens an action-sheet when clicked

States

width
:
Number
=
0

A state to hold the width of the component.

Properties

active
:
String
=
""

The key for the active tab.

breakpoint
:
Number
=
1000

The breakpoint for the mobile version.

items
:
Array(Ui.Tab)
=
[]

The data for the tabs.

onChange
:
Function(String, Promise(Void))
=
Promise.never1

The change event handler.

size
:
Ui.Size
=
Ui.Size::Inherit

The size of the component.

Functions

handleSelect
(
key
:
String
)
:
Promise(Void)

The event handler for the tab select.

render
:
Html

Renders the component.

renderTab
(
tab
:
Ui.Tab
)

Renders a tabs contents.

updateWidth
(
dimensions
:
Dom.Dimensions
)

Updates the mobile state based on the dimensions and breakpoint.