Обзор

Что покрывает слой макета

Слой компоновки приложения Twenty — это всё, что видит пользователь: где приложение отображается в боковой панели, какие списки представлений оно поставляет, как устроены его страницы деталей записей и какие пользовательские React‑компоненты отображаются внутри этих страниц.

   Sidebar               Record list            Record detail page
   ───────               ───────────            ──────────────────
   [📋 My View]    ────▶ ┌──────────┐          ┌─────────────────────┐
   [📋 Drafts ]          │ Companies│          │ Tabs: [Overview ]   │
   [📋 Inbox  ]          │ ──────── │          │       [Notes    ]   │
        ▲                │  Apple   │          │       [Hello    ]◀──── definePageLayoutTab
        │                │  Acme    │          │                     │   adds a tab...
        └ defineNavi-    │  …       │          │  ┌────────────────┐ │
          gationMenu-    └────▲─────┘          │  │                │ │
          Item points         │                │  │   React UI     │◀── …with a
          to a defineView     │                │  │  (sandboxed in │ │   defineFrontComponent
                              └ defineView     │  │   a Worker)    │ │   widget inside
                                picks columns  │  └────────────────┘ │
                                and filters    └─────────────────────┘

В этом разделе

Views

defineView — сохраненные конфигурации списков: видимые столбцы, фильтры, группы.

Пункты меню навигации

defineNavigationMenuItem — проводки боковой панели, указывающие на просмотры или внешние URL.

Page Layouts

definePageLayout, definePageLayoutTab и definePageLayoutWidget — вкладки и виджеты на странице записи.

Front Components

defineFrontComponent — песочница, отображающая внутри Twenty.

Пункты меню команд

defineCommandMenuItem — регистрировать передние компоненты как Cmd+K записи и быстрые действия.

Где отображается приложение

Область отображения	Что определяет	Сущность
Боковая панель	Пользовательский элемент, который ссылается на сохранённое представление или внешний URL	`defineNavigationMenuItem`
Список записей	Сохранённая конфигурация для объекта — видимые столбцы, порядок, фильтры, группы	`defineView`
Страница деталей записи	Вкладки и виджеты на странице записи (вашего собственного объекта или стандартного)	`definePageLayout`, `definePageLayoutTab`, `definePageLayoutWidget`
Внутри любого из перечисленного выше	Пользовательский React‑виджет — кнопки, формы, панели мониторинга, интеграции	`defineFrontComponent`
Настройки приложения	Элемент в меню настроек приложения; объявите столько, сколько нужно	`defineSettingsMenuItem`
Меню команд (Cmd+K)	Закреплённое быстрое действие или скрытая команда	`defineCommandMenuItem`

Фронтенд‑компоненты выполняются внутри изолированного Web Worker с использованием Remote DOM — они отображаются нативно на странице (не внутри iframe), но не могут напрямую обращаться к хостовой странице или DOM. Взаимодействие с Twenty происходит через хостовый API обмена сообщениями. Они все еще находятся в активной разработке: песочница реализует частичный DOM, поэтому сложные варианты использования могут завершаться сбоем. См. раздел Текущие ограничения.

Разработчики

Приложения

API

Самостоятельный хостинг

Внести вклад

Библиотека интерфейса

Что покрывает слой макета

В этом разделе

Где отображается приложение

​Что покрывает слой макета

​В этом разделе

​Где отображается приложение

Что покрывает слой макета

В этом разделе

Где отображается приложение