# Présentation de l’interface utilisateur

- Human documentation: [https://docs.univer.ai/fr-FR/guides/bases/ui/overview](https://docs.univer.ai/fr-FR/guides/bases/ui/overview)

- Agent Markdown: [https://docs.univer.ai/fr-FR/guides/bases/ui/overview.md](https://docs.univer.ai/fr-FR/guides/bases/ui/overview.md)

- Requested language: `fr-FR`

- Content language: `fr-FR`

- Documentation version: `1.2.0`

- Source: [bases/ui/overview.fr-FR.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/bases/ui/overview.fr-FR.mdx)

---

`@univerjs-pro/bases-ui` fournit l’espace de travail sous licence de Univer Bases dans le navigateur. Il affiche la navigation des tables et des vues, les vues grille, kanban, calendrier, Gantt et galerie, ainsi que les éditeurs de champs, les détails d’enregistrement, les menus et la sélection.

## Enregistrer l’espace de travail

Enregistrez la licence et les moteurs de formule avant les plugins Bases. Les champs de formule utilisent `@univerjs-pro/engine-formula` ; aucune application Sheets n’est requise.

```ts
univer.registerPlugin(UniverLicensePlugin, {
  license: process.env.CLIENT_LICENSE_TEXT,
})

univer.registerPlugin(UniverProFormulaEnginePlugin)
univer.registerPlugin(UniverRenderEnginePlugin)
univer.registerPlugin(UniverUIPlugin, { container: 'app' })
univer.registerPlugin(UniverBasesPlugin)
univer.registerPlugin(UniverBasesUIPlugin)
```

Consultez [Installation et utilisation de base](https://docs.univer.ai/fr-FR/guides/bases/getting-started/installation.md) pour les imports, les styles et les langues.

## Configurer la disposition initiale

`IUniverBaseUIConfig` contrôle les zones de l’espace de travail ainsi que la première table et la première vue affichées.

```ts
univer.registerPlugin(UniverBasesUIPlugin, {
  workbench: {
    header: true,
    headerMenu: true,
    content: true,
    leftSidebar: true,
    rightSidebar: false,
    rightPanelMode: 'dock',
  },
  initialState: {
    tableId: 'tasks',
    viewId: 'kanban',
  },
})
```

Utilisez `disableEdit` pour un espace en lecture seule. Configurez `attachment`, `personOptions` ou `groupOptions` uniquement si les champs correspondants utilisent des données fournies par l’application hôte.