You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
855 B
25 lines
855 B
<script lang="ts">
|
|
/**
|
|
* One documentation row: a term and its explanation. The canon `Table` is a
|
|
* DATA table (it wants a `createTable` instance), so documentation prose
|
|
* uses this two-column row instead — same rhythm across the 14 demos.
|
|
*/
|
|
import { Group } from '$uix/eidos/components/group';
|
|
import { Box } from '$uix/eidos/components/box';
|
|
import { Text } from '$uix/eidos/components/text';
|
|
import type { Snippet } from 'svelte';
|
|
|
|
let { term, children }: { term: Snippet | string; children: Snippet } = $props();
|
|
</script>
|
|
|
|
<Group gap={4} align="start" justify="start">
|
|
<Box minWidth="12rem" maxWidth="12rem">
|
|
<Text size="sm" weight="medium">
|
|
{#if typeof term === 'string'}{term}{:else}{@render term()}{/if}
|
|
</Text>
|
|
</Box>
|
|
<Box maxWidth="52ch">
|
|
<Text size="sm" color="muted">{@render children()}</Text>
|
|
</Box>
|
|
</Group>
|