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.
svelte-kit-vice/src/uix/morfo/components/container.ts

31 lines
789 B

import type { Morfo } from '../types';
/**
* Container — max-width centred content shell (layout primitive).
*
* Eidos-native: caps content width at the `--container-width-{size}`
* token and centers via auto inline margins. The provider is a single
* `<div data-box data-container>` shell — Container composes through
* `<Box>`.
*
* No semantic events — Container is a passive container that constrains
* its children. See `box.ts` for the same 0-event justification.
*/
export const containerMorfo = {
name: 'Container',
kebab: 'container',
scope: ['eidos'],
parts: [
{
name: 'Provider',
kebab: 'provider',
archetype: 'provider',
kind: 'public',
defaultElement: 'div',
optional: false,
data: [],
aria: []
}
]
} as const satisfies Morfo;

Powered by TurnKey Linux.