Element: #104 Closable (display/alert) What it shows: Two dismissible alerts, an info one with a title and a warning one, that are replaced by a short dismissed note once closed. When to use: Inline notices the user can dismiss, such as beta-feature banners or storage warnings. Spec: - ` (closedInfo = true)}>` with beta-feature text - ` (closedWarn = true)}>` with a storage 85% full message, no title - `let closedInfo = $state(false)` and `let closedWarn = $state(false)` track each alert - `{#if !closedInfo}` and `{#if !closedWarn}` render the alert, `{:else}` renders a `

` note - Wrapper `.col` has `max-width: 560px` Tags: alert, closable, dismiss, onclose, notice, severity Needs: @codeatlasdev/ui@4.4.0 Components: Alert Live demo: https://ui.codeatlas.com.br/docs/display/alert#closable

{#if !closedInfo} (closedInfo = true)}> This feature is in beta. Some behavior may change. {:else}

Info alert dismissed.

{/if} {#if !closedWarn} (closedWarn = true)}> Storage is 85% full. Consider cleaning up old files. {:else}

Warning alert dismissed.

{/if}