fix(field): replace _active classname by isActive prop

MTES-MCT · Oct 26, 2023 · 8adc788 · 8adc788
1 parent 9a58d6f
commit 8adc788
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/stories/elements/IconButton.stories.tsx b/stories/elements/IconButton.stories.tsx
@@ -101,13 +101,13 @@ function ShowcaseReference() {
           <tr>
             <th>Active</th>
             <td>
-              <IconButton accent={Accent.PRIMARY} className="_active" Icon={Icon.Search} size={Size.LARGE} />
+              <IconButton accent={Accent.PRIMARY} Icon={Icon.Search} isActive size={Size.LARGE} />
             </td>
             <td>
-              <IconButton accent={Accent.PRIMARY} className="_active" Icon={Icon.Search} size={Size.NORMAL} />
+              <IconButton accent={Accent.PRIMARY} Icon={Icon.Search} isActive size={Size.NORMAL} />
             </td>
             <td>
-              <IconButton accent={Accent.PRIMARY} className="_active" Icon={Icon.Search} size={Size.SMALL} />
+              <IconButton accent={Accent.PRIMARY} Icon={Icon.Search} isActive size={Size.SMALL} />
             </td>
           </tr>
           <tr>
@@ -164,13 +164,13 @@ function ShowcaseReference() {
           <tr>
             <th>Active</th>
             <td>
-              <IconButton accent={Accent.SECONDARY} className="_active" Icon={Icon.Search} size={Size.LARGE} />
+              <IconButton accent={Accent.SECONDARY} Icon={Icon.Search} isActive size={Size.LARGE} />
             </td>
             <td>
-              <IconButton accent={Accent.SECONDARY} className="_active" Icon={Icon.Search} size={Size.NORMAL} />
+              <IconButton accent={Accent.SECONDARY} Icon={Icon.Search} isActive size={Size.NORMAL} />
             </td>
             <td>
-              <IconButton accent={Accent.SECONDARY} className="_active" Icon={Icon.Search} size={Size.SMALL} />
+              <IconButton accent={Accent.SECONDARY} Icon={Icon.Search} isActive size={Size.SMALL} />
             </td>
           </tr>
           <tr>
@@ -227,13 +227,13 @@ function ShowcaseReference() {
           <tr>
             <th>Active</th>
             <td>
-              <IconButton accent={Accent.TERTIARY} className="_active" Icon={Icon.Search} size={Size.LARGE} />
+              <IconButton accent={Accent.TERTIARY} Icon={Icon.Search} isActive size={Size.LARGE} />
             </td>
             <td>
-              <IconButton accent={Accent.TERTIARY} className="_active" Icon={Icon.Search} size={Size.NORMAL} />
+              <IconButton accent={Accent.TERTIARY} Icon={Icon.Search} isActive size={Size.NORMAL} />
             </td>
             <td>
-              <IconButton accent={Accent.TERTIARY} className="_active" Icon={Icon.Search} size={Size.SMALL} />
+              <IconButton accent={Accent.TERTIARY} Icon={Icon.Search} isActive size={Size.SMALL} />
             </td>
           </tr>
           <tr>