marimo has a rich set of UI components.
mo.ui.altair_chart(altair_chart) - create a reactive Altair chartmo.ui.button(value=None, kind='primary') - create a clickable buttonmo.ui.run_button(label=None, tooltip=None, kind='primary') - create a button that runs codemo.ui.checkbox(label='', value=False) - create a checkboxmo.ui.chat(placeholder='', value=None) - create a chat interfacemo.ui.date(value=None, label=None, full_width=False) - create a date pickermo.ui.dropdown(options, value=None, label=None, full_width=False) - create a dropdown menumo.ui.file(label='', multiple=False, full_width=False) - create a file upload elementmo.ui.number(value=None, label=None, full_width=False) - create a number inputmo.ui.radio(options, value=None, label=None, full_width=False) - create radio buttonsmo.ui.refresh(options: List[str], default_interval: str) - create a refresh controlmo.ui.slider(start, stop, value=None, label=None, full_width=False, step=None) - create a slidermo.ui.range_slider(start, stop, value=None, label=None, full_width=False, step=None) - create a range slidermo.ui.table(data, columns=None, sortable=True, filterable=True) - create an interactive tablemo.ui.text(value='', label=None, full_width=False) - create a text inputmo.ui.text_area(value='', label=None, full_width=False) - create a multi-line text inputmo.ui.data_explorer(df) - create an interactive dataframe explorermo.ui.dataframe(df) - display a dataframe with search, filter, and sort capabilitiesmo.ui.plotly(plotly_figure) - create a reactive Plotly chart (supports scatter, treemap, and sunburst)mo.ui.tabs(elements: dict[str, mo.ui.Element]) - create a tabbed interface from a dictionarymo.ui.array(elements: list[mo.ui.Element]) - create an array of UI elementsmo.ui.form(element: mo.ui.Element, label='', bordered=True) - wrap an element in a form
However, the user may also want to use other components. Popular alternatives include the ScatterWidget from the drawdata library, moutils, and wigglystuff.
For custom classes and static HTML representations you can also use the _display_ method.
class Dice:
def _display_(self):
import random
return f"You rolled {random.randint(0, 7)}"
1---2name: marimo-has-a-rich-set-of-ui-components3description: However, the user may also want to use other components. Popular alternatives include the ScatterWidget from the drawdata library, moutils, and wigglystuff.4---5marimo has a rich set of UI components. 67* `mo.ui.altair_chart(altair_chart)` - create a reactive Altair chart8* `mo.ui.button(value=None, kind='primary')` - create a clickable button9* `mo.ui.run_button(label=None, tooltip=None, kind='primary')` - create a button that runs code10* `mo.ui.checkbox(label='', value=False)` - create a checkbox11* `mo.ui.chat(placeholder='', value=None)` - create a chat interface12* `mo.ui.date(value=None, label=None, full_width=False)` - create a date picker13* `mo.ui.dropdown(options, value=None, label=None, full_width=False)` - create a dropdown menu14* `mo.ui.file(label='', multiple=False, full_width=False)` - create a file upload element15* `mo.ui.number(value=None, label=None, full_width=False)` - create a number input16* `mo.ui.radio(options, value=None, label=None, full_width=False)` - create radio buttons17* `mo.ui.refresh(options: List[str], default_interval: str)` - create a refresh control18* `mo.ui.slider(start, stop, value=None, label=None, full_width=False, step=None)` - create a slider19* `mo.ui.range_slider(start, stop, value=None, label=None, full_width=False, step=None)` - create a range slider20* `mo.ui.table(data, columns=None, on_select=None, sortable=True, filterable=True)` - create an interactive table21* `mo.ui.text(value='', label=None, full_width=False)` - create a text input22* `mo.ui.text_area(value='', label=None, full_width=False)` - create a multi-line text input23* `mo.ui.data_explorer(df)` - create an interactive dataframe explorer24* `mo.ui.dataframe(df)` - display a dataframe with search, filter, and sort capabilities25* `mo.ui.plotly(plotly_figure)` - create a reactive Plotly chart (supports scatter, treemap, and sunburst)26* `mo.ui.tabs(elements: dict[str, mo.ui.Element])` - create a tabbed interface from a dictionary27* `mo.ui.array(elements: list[mo.ui.Element])` - create an array of UI elements28* `mo.ui.form(element: mo.ui.Element, label='', bordered=True)` - wrap an element in a form2930However, the user may also want to use other components. Popular alternatives include the `ScatterWidget` from the `drawdata` library, `moutils`, and `wigglystuff`. 3132For custom classes and static HTML representations you can also use the `_display_` method. 3334```python35class Dice:36 def _display_(self):37 import random3839 return f"You rolled {random.randint(0, 7)}"40```
tools-only