TrueSlots

describe.title.tsx

import { Slot, SlotComponent, createComponentDescriptor } from '@truekit/core/component';

type LoginFormProps = {
  title?: Slot< SlotComponent >;     // ⬅ опа 1️⃣
  email?: string;
  password?: string;
}

const $LoginForm = createComponentDescriptor('@myapp/LoginForm', {} as LoginFormProps);

const LoginForm = $LoginForm.createComponent((
  jsx,
  { email, password },
  { Slot }, // 2️⃣ а вот компонент для использования слотов
) => (
  <Form>
    <div className="header">
      <h2><Slot name="title">Вход</Slot></h2> {/* 3️⃣ готово */ }
    </div>}

    <div className="fields">
      <Input name="email" value={props.email} />
      <Input name="password" value={props.password} />
    </div>

    <div className="controls">
      <Button kind="primary"/>
    </div>
  </Form>
));