stack/notebooks/sample.py

# ruff: noqa

import marimo

__generated_with = "0.21.1"
app = marimo.App()


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    # Sample Markdown Block

    ---

    # Header 1
    ## Header 2
    ### Header 3
    #### Header 4
    ##### Header 5
    ###### Header 6


    ---

    **Bold** | *Italic:* | ~~Strikethrough~~ | `Inline Code`

    ---

    > "The only way to do great work is to love what you do."
    > — *Steve Jobs*
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ---

    1. Item One
    2. Item Two
    3. Item Three

    ---

    - Bullet One
    - Bullet Two
    - Bullet Three

    ---

    1. Main Item
        - Sub Item
            - Sub-sub Item

    ---

    [Marimo](https://marimo.io/)
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    | Syntax      | Description | Example           |
    |-------------|-------------|-------------------|
    | **Header**  | Row Title   | Content Here      |
    | **Row 1**   | First Cell  | `Some code`       |
    | **Row 2**   | Second Cell | *Italicized text* |

    ---

    ```python
    def greet(name: str) -> str:
        "\"Return a greeting message."\"
        return f"Hello, {name}!"
    ```

    ---

    Here is a sentence with a footnote reference[^1].

    [^1]: This is the footnote content.

    ---


    - Inline: $E = mc^2$
    - Block:

    $$
    f(x) = \int_{-\infty}^{\infty} e^{-x^2} \, dx
    $$
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    # Incomplete Reference of Different Args' Use
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ## `bg-muted` & `text-muted-foreground`

    - hover on `fullscreen` and `cell action` buttons at the right of each cell
    - The banner of collapsed cells
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ## `bg-popover` & `text-popover-foreground`

    - `Snippets` side panel
    - `Menu` items: `Share`, `Download`, `Helper panel`, `Present as`
    - The popover snippets when you enter `:` in markdown cell
    - The popover snippets when you enter code in python cell
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ## `bg-card` & `text-card-foreground`

    - even rows of markdown table

    | Syntax      | Description | Example           |
    |-------------|-------------|-------------------|
    | **Header**  | Row Title   | Content Here      |
    | **Row 1**   | First Cell  | `Some code`       |
    | **Row 2**   | Second Cell | *Italicized text* |
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ## `bg-primary & text-primary-foreground`

    - `machine stats` on the right bottom of notebook
    - the header of `Documentation` panel
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md("""
    ## `bg-secondary & text-secondary-foreground`
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ## `bg-accent` & `text-accent-foreground`

    - Floating Outline on the right center of the notebook
    - Side panels on the left of the notebook
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ## `destructive` & `destructive-foreground`

    - delete button in each cell
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    ## other args

    - `border`: borders of cells, buttons, etc.
    - `input`: markdown table separator line between header and content
    - ...
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(r"""
    # Marimo UI Components
    """)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.hstack(
        [
            mo.ui.button(
                label="Danger",
                kind="danger",
            ),
            mo.ui.button(label="Info", kind="info"),
            mo.ui.button(
                label="Neutral",
                kind="neutral",
            ),
            mo.ui.button(
                label="Success",
                kind="success",
            ),
            mo.ui.button(
                label="Warn",
                kind="warn",
            ),
            mo.ui.button(
                label="Alert",
                kind="alert",
            ),
        ],
        justify="space-around",
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.chat(model="")
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.checkbox()
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.code_editor()
    return


@app.cell(hide_code=True)
def _(data, mo):
    mo.ui.dataframe(data.cars())
    return


@app.cell(hide_code=True)
def _(data, mo):
    mo.ui.data_explorer(data.cars())
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.date(
        value="2022-06-01",
        start="2022-01-01",
        stop="2022-12-31",
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.dropdown(
        options={"one": 1, "two": 2, "three": 3},
        value="one",
        label="pick a number",
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.file(kind="area")
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.file_browser()
    return


@app.cell(hide_code=True)
def _(mo):
    mo.md(
        """
        **Your form.**

        {name}

        {date}
        """
    ).batch(
        name=mo.ui.text(label="name"),
        date=mo.ui.date(label="date"),
    ).form(show_clear_button=True, bordered=True)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.microphone()
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.multiselect(options=["a", "b", "c"], label="choose some options")
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.number(start=1, stop=10, step=2)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.radio(
        options={"one": 1, "two": 2, "three": 3},
        value="one",
        label="pick a number",
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.range_slider(start=1, stop=10, step=2, value=[2, 6], show_value=True)
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.refresh(
        options=["1m", "5m 30s", "10m"],
        default_interval="10m",
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.switch()
    return


@app.cell(hide_code=True)
def _(data, mo):
    mo.ui.table(
        data.cars(),
        show_column_summaries=True,
        selection="multi",
    )
    return


@app.cell(hide_code=True)
def _(mo):
    tab1 = mo.vstack(
        [
            mo.ui.slider(1, 10),
            mo.ui.text(),
            mo.ui.date(),
        ]
    )

    tab2 = mo.md("You can show arbitrary content in a tab.")

    tabs = mo.ui.tabs({"Heading 1": tab1, "Heading 2": tab2})
    tabs
    return


@app.cell(hide_code=True)
def _(mo):
    mo.hstack(
        [
            mo.ui.text(value="Hello, Text", kind="text"),
            mo.ui.text(value="Hello, Password", kind="password"),
            mo.ui.text(value="Hello, Email", kind="email"),
            mo.ui.text(value="Hello, URL", kind="url"),
        ],
        justify="space-around",
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.ui.text_area()
    return


@app.cell(hide_code=True)
def _(mo):
    mo.accordion(
        {
            "Door 1": mo.md("Nothing!"),
            "Door 2": mo.md("Nothing!"),
            "Door 3": mo.md(
                "![goat](https://images.unsplash.com/photo-1524024973431-2ad916746881)"
            ),
        }
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.carousel(
        [
            mo.md("# Introduction"),
            "By the marimo team",
            mo.md("## What is marimo?"),
            mo.md("![marimo moss ball](https://marimo.io/logo.png)"),
            mo.md("## Questions?"),
        ]
    )
    return


@app.cell(hide_code=True)
def _(mo):
    mo.vstack(
        [
            mo.callout("This is a info callout", kind="info"),
            mo.callout("This is a neutral callout", kind="neutral"),
            mo.callout("This is a warn callout", kind="warn"),
            mo.callout("This is a danger callout", kind="danger"),
            mo.callout("This is a success callout", kind="success"),
        ]
    )
    return


@app.cell(hide_code=True)
def _():
    from vega_datasets import data

    return (data,)


@app.cell(hide_code=True)
def _():
    import marimo as mo

    return (mo,)


if __name__ == "__main__":
    app.run()