Ludic Logo
Edit

Buttons

The module ludic.catalog.buttons contains the following buttons:

ButtonLink
from ludic.catalog.buttons import (
    Button,
    ButtonPrimary,
    ButtonSecondary,
    ButtonSuccess,
    ButtonInfo,
    ButtonWarning,
    ButtonDanger,
    ButtonLink
)

Button("Button")
ButtonPrimary("ButtonPrimary")
ButtonSecondary("ButtonSecondary")
ButtonSuccess("ButtonSuccess")
ButtonInfo("ButtonInfo")
ButtonWarning("ButtonWarning")
ButtonDanger("ButtonDanger")
ButtonLink("ButtonLink", to="/")

The ButtonLink component can be styled like any other button using the classes attribute:

from ludic.catalog.buttons import ButtonLink

ButtonLink("ButtonLink", to="/", classes=["warning"])

You can disable a button using the disabled attribute:

from ludic.catalog.buttons import Button

Button("Button", disabled=True)

Button Sizes

#

You can also change the size of the button appending the small or large class:

from ludic.catalog.buttons import ButtonPrimary

ButtonPrimary("Small", classes=["small"])
ButtonPrimary("Normal")
ButtonPrimary("Large", classes=["large"])
Made with Ludic and HTMX and 🐍 • DiscordGitHub