---
title: "WorkspaceCompositionPresentation · types"
url: https://developers.dagio.ai/fr/reference/types-workspace-composition-presentation/
---

# WorkspaceCompositionPresentation · types

   
                                                 
                                                                                          
                                                          
                  
           
          
   

Les types ci-dessous définissent les objets nommés et leurs relations. Les propriétés héritées sont incluses dans les tableaux. Les types dérivés d’un schéma renvoient à sa structure; une déclaration TypeScript ne remplace pas les contrôles sémantiques du compilateur.

## WorkspaceCompositionPresentation

A compiled catalogue opt-in, not a new public authoring grammar or renderer activation.

```typescript
export type WorkspaceCompositionPresentation = z.infer<
  typeof workspaceCompositionPresentationSchema
>;
```

[Toutes les références](https://developers.dagio.ai/fr/reference/)

<!-- surface-examples:start -->

## Exemples appliqués : Composer la fiche et ses relations

Deux Stack déclarés portent le contenu principal puis les relations, sans cadres supplémentaires. Le preset choisit la largeur du panneau droit.

### Configuration

Propriétés du composant `RecordLayout.props`. [Propriétés et valeurs admises](https://developers.dagio.ai/fr/surface-components/#recordlayout).

```json
{
  "asideWidth": "standard"
}
```

### Variante et raccordement

Propriétés du composant `RecordLayout.props`. [Propriétés et valeurs admises](https://developers.dagio.ai/fr/surface-components/#recordlayout).

```json
{
  "asideWidth": "compact"
}
```

### Exemple de disposition UI

La disposition illustrative ci-dessous situe cette configuration dans l’app Clients/Soumissions. Chaque fragment s’insère à l’emplacement indiqué; ses références aux Fields, Queries et Actions correspondent aux déclarations du Model.

1. Identité du client
2. Notes et suivi
3. Paramètres
4. Soumissions liées

<!-- surface-examples:end -->