From 93af8933211b3897d42f132dc37f20ea889ce16f Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Thu, 17 Nov 2022 12:09:19 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20un=20champs=20texte=20pour=20sp=C3=A9ci?=
 =?UTF-8?q?fier=20le=20code=20couleur=20sur=20la=20page=20tuto=20int=C3=A9?=
 =?UTF-8?q?gration?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/source/pages/integration/Iframe.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/site/source/pages/integration/Iframe.tsx b/site/source/pages/integration/Iframe.tsx
index e180467a9..8c1ff2014 100644
--- a/site/source/pages/integration/Iframe.tsx
+++ b/site/source/pages/integration/Iframe.tsx
@@ -5,7 +5,7 @@ import { useHref, useSearchParams } from 'react-router-dom'
 import styled from 'styled-components'
 
 import Emoji from '@/components/utils/Emoji'
-import { PopoverWithTrigger } from '@/design-system'
+import { PopoverWithTrigger, TextField } from '@/design-system'
 import { Article } from '@/design-system/card'
 import { Item, Select } from '@/design-system/field/Select'
 import { Grid, Spacing } from '@/design-system/layout'
@@ -139,6 +139,12 @@ function IntegrationCustomizer() {
 						<Trans i18nKey="pages.développeur.couleur">Quelle couleur ? </Trans>
 						<Emoji emoji="🎨" />
 					</H3>
+					<TextField
+						aria-label="Code hexadécimal de la couleur du simulateur"
+						value={color}
+						onChange={setColor}
+					/>
+					<Spacing md />
 					<HexColorPicker color={color} onChange={setColor} />
 				</Grid>
 				<Grid item xs>