Utilisation

Build a view wrapper that accepts layout props.

tsx
// Build a view wrapper that accepts layout props.
import { Box, type KuitoNode, type LayoutProps } from 'kuito';

// Only layout passes through: the frame keeps its own look.
function Frame(props: LayoutProps & { children?: KuitoNode }) {
  return <Box borderWidth={1} borderColor="#d1d1d6" borderRadius={8} {...props} />;
}

<Frame width="50%" aspectRatio={1} margin={8} />;

Déclaration du type

ts
export type KuitoNode =
  | KuitoElement
  | string
  | number
  | boolean
  | null
  | undefined
  | ReadonlySignal<KuitoNode>
  | (() => KuitoNode)
  | readonly KuitoNode[];

Type

ts
string | number | boolean | KuitoElement | ReadonlySignal<KuitoNode> | (() => KuitoNode) | readonly KuitoNode[]
Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.