Element: #247 Phone width (layout/record-list) What it shows: The same record list inside a narrow slot, to show it stacking because the list reads its own width. When to use: Checking how a dense record list reads on a phone before shipping it, without resizing the browser. Spec: - Wrapper `
` with `inline-size: min(100%, 21.5rem)` - `` in `{#snippet identity()}` - ``, `` and ``; `{#snippet actions()}` holds a `` with a `Revoke` item Tags: record-list, record-row, table, phone, responsive, container-width Needs: @codeatlasdev/ui@4.6.0 Components: Avatar, DropdownMenu, DropdownMenuItem, IconButton, RecordCell, RecordList, RecordRow Live demo: https://ui.codeatlas.com.br/docs/layout/record-list#phone-width
{#each keys as key (key.id)} {#snippet identity()} {key.name} {/snippet} {key.prefix} {key.used} {key.created} {#snippet actions()} {#snippet triggerChild(props)} {/snippet} Revoke {/snippet} {/each}