# Élément rectangle

## 1. Structure

```ts
interface RectClip extends BaseClip {
  type: "rect";
}
```

## 2. Bons cas d'usage

- Panneaux d'arrière-plan
- Fonds de barres d'information
- Backplates de lower third
- Masques de superposition
- Séparateurs de section

## 3. Champs courants

Configuration la plus fréquente :
- `transform.width`
- `transform.height`
- `style.fill`
- `style.stroke`
- `style.strokeWidth`
- `style.borderRadius`

## 4. Exemple

```json
{
  "type": "rect",
  "start": 0.2,
  "duration": 5,
  "transform": {
    "x": "50%",
    "y": "86%",
    "width": "76%",
    "height": 120
  },
  "style": {
    "fill": "rgba(0, 0, 0, 0.72)",
    "borderRadius": 18
  }
}
```