Alert

from starhtml import *

Div(
    Alert(
        Icon("lucide:arrow-up-circle", cls="h-4 w-4"),
        AlertTitle("Update available"),
        AlertDescription(
            Div(
                P("StarUI v0.3.0 includes 4 new components and improved accessibility."),
                Div(
                    Button("View changelog", variant="outline", size="sm"),
                    Button("Update now", size="sm"),
                    cls="mt-3 flex gap-2"
                )
            )
        ),
    ),
    Alert(
        Icon("lucide:hard-drive", cls="h-4 w-4"),
        AlertTitle("Storage quota at 92%"),
        AlertDescription(
            Div(
                P("You've used 4.6 GB of 5 GB. Uploads will be blocked when you reach the limit."),
                Button("Manage storage", variant="outline", size="sm", cls="mt-3"),
            )
        ),
        variant="destructive"
    ),
    cls="space-y-4"
)

from starhtml import *

errors = [
    "Email address is required",
    "Password must be at least 8 characters",
    "You must accept the terms of service"
]

Alert(
    Icon("lucide:x-circle", cls="h-4 w-4"),
    AlertTitle(f"{len(errors)} errors in your submission"),
    AlertDescription(
        P("Please fix the following before continuing:"),
        Ul(
            *[Li(e) for e in errors],
            cls="mt-2 ml-6 list-disc space-y-1 text-sm"
        )
    ),
    variant="destructive"
)

from starhtml import *

Div(
    Alert(
        Icon("lucide:check-circle", cls="h-4 w-4 text-green-600"),
        AlertTitle("Changes saved"),
        AlertDescription("Your profile settings have been updated.")
    ),
    Alert(
        Icon("lucide:alert-triangle", cls="h-4 w-4 text-amber-600"),
        AlertTitle("API rate limit approaching"),
        AlertDescription("You've used 4,800 of 5,000 requests this hour. Throttling begins at the limit.")
    ),
    Alert(
        Icon("lucide:info", cls="h-4 w-4 text-blue-600"),
        AlertTitle("Scheduled maintenance"),
        AlertDescription("Database maintenance is planned for Saturday 2am–4am UTC. Expect brief downtime.")
    ),
    cls="space-y-4"
)

from starhtml import *

Alert(
    AlertTitle("Keyboard shortcut"),
    AlertDescription(
        P("Press ", Code("Ctrl+K", cls="rounded bg-muted px-1 py-0.5 text-xs"),
          " to open the command palette from anywhere in the app.")
    )
)