---
title: "SurfaceCompositionAdmission · types"
url: https://developers.dagio.ai/fr/reference/types-surface-composition-admission/
---

# SurfaceCompositionAdmission · 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.

## SurfaceCompositionAdmissionContext

Exact bundle capabilities are mandatory, never inferred from the larger portable catalogue.

| Champ | Options / valeurs attendues | Description |
| --- | --- | --- |
| `catalogue` | `{ contract: "SurfaceCompositionCatalogue@1"; version: "0.0.0.1"; hash: string; }` | **Requis.** Définit « catalogue » pour cet objet. Respecter le type, les variantes et les limites de la colonne Options. |
| `supportedComponents` | `readonly ("HomeHeader" \| "HomeLaunchers" \| "HomeLayout" \| "HomeSection" \| "HomeActivity" \| "Page" \| "Section" \| "Stack" \| "Grid" \| "Card" \| "Heading" \| "Text" \| "Badge" \| "Icon" \| "RecordIdentity" \| "RecordField" \| "RecordSettings" \| "RecordTags" \| "RecordMetric" \| "RecordRelations" \| "NativeContent" \| "QueryTable" \| "RecordCards" \| "QueryGraph" \| "QueryKanban" \| "QueryGantt" \| "QueryTimeline" \| "QueryCalendar" \| "ModelAction" \| "RecordLayout" \| "Tabs" \| "TabPanel" \| "ActionGroup" \| "Header" \| "WorkIdentity" \| "WorkNavigation" \| "WorkPanel" \| "WorkStageRail" \| "WorkTargetContent" \| "WorkSources" \| "WorkRequests" \| "WorkCriteria" \| "WorkAction")[]` | **Requis.** Définit « supported Components » pour cet objet. Respecter le type, les variantes et les limites de la colonne Options. |

```typescript
export interface SurfaceCompositionAdmissionContext {
  readonly catalogue: SurfaceCompositionCatalogueIdentity;
  readonly supportedComponents: readonly SurfaceCompositionComponentName[];
}
```

[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 -->