more examples

BouyguesTelecom · Oct 18, 2024 · d2aa4e3 · d2aa4e3
1 parent 5df8175
commit d2aa4e3
Show file tree

Hide file tree

Showing 5 changed files with 52 additions and 51 deletions.
diff --git a/packages/react/components/hero/Hero.example.tsx b/packages/react/components/hero/Hero.example.tsx
@@ -2,31 +2,39 @@ import React from 'react'
 import { Hero } from './index'
 import { Container } from '@/components/container'
 import { Title } from '@/components/title'
-import { Button } from '@/components/button'
-
-const HeroExample: React.ReactNode = <Hero
-  backgroundSrc='https://picsum.photos/id/1/1500/600'
-
->
-  <Container>
-    <Title
-      inverted
-      level='TWO'
-      markup='h1'
-    >
-      Bonjour Michel
-    </Title>
-    <Title
-      inverted
-      markup='span'
-      subtitle
-    >
-      Fugiat velit dolor ad adipisicing id quis enim cupidatat Lorem dolore aute excepteur tempor.
-    </Title>
-    <Button>
-      Click me !{' '}
-    </Button>
-  </Container>
-</Hero>
+import { Box, Columns, ColumnsItem, Section, Text } from '@/lib'
 
+const HeroExample: React.ReactNode = (
+  <Columns multiline>
+      <ColumnsItem>
+        <Hero overlap className='has-pattern-dark'>
+          <Container>
+            <Title
+              inverted
+              level='TWO'
+              markup='h1'
+            >
+              Internet garanti
+            </Title>
+            <Text
+              className='is-inverted has-text-weight-bold'
+              inverted
+            >
+              Profitez dInternet dès labonnement et même en cas de coupure grâce à une clé 4G dans
+              les nouvelles offres Bbox.
+            </Text>
+          </Container>
+        </Hero>
+        <Section>
+          <Container>
+            <Box>
+              <Title level='TWO'>
+                Internet garanti
+              </Title>
+            </Box>
+          </Container>
+        </Section>
+      </ColumnsItem>
+    </Columns>
+)
 export default HeroExample
diff --git a/packages/react/components/icon/Icon.example.tsx b/packages/react/components/icon/Icon.example.tsx
@@ -5,18 +5,18 @@ const IconExample: React.ReactNode =
   <>
     <Icon
       name='tri-search'
-      size='small'
+      size='medium'
       status='SUCCESS'
     />
     <Icon
-      name='tri-search'
-      size='small'
+      name='tri-check'
+      size='medium'
       status='SUCCESS'
       statusPosition='top'
     />
     <Icon
-      name='tri-search'
-      size='small'
+      name='tri-bell'
+      size='medium'
       status='SUCCESS'
       statusPosition='bottom'
     />

diff --git a/packages/react/components/section/Section.example.tsx b/packages/react/components/section/Section.example.tsx
@@ -3,6 +3,7 @@ import { Section } from './index'
 import { Title } from '@/components/title'
 
 const SectionExample: React.ReactNode =
+
   <>
     <Section>
       <Title level='ONE'>

diff --git a/packages/react/components/stepper/Stepper.example.tsx b/packages/react/components/stepper/Stepper.example.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import { Stepper, StepperStep } from './index'
 
 const StepperExample: React.ReactNode =
-  <Stepper>
+  <Stepper centered>
     <StepperStep
       done
       label='Récapitulatif'
@@ -27,6 +27,7 @@ const StepperExample: React.ReactNode =
       label='Confirmation'
       step={5}
     />
+    Stepp
   </Stepper>
 
 export default StepperExample
diff --git a/packages/react/components/title/Title.example.tsx b/packages/react/components/title/Title.example.tsx
@@ -2,24 +2,15 @@ import React from 'react'
 import { Columns, ColumnsItem } from '../columns'
 import { Title } from './index'
 
-const TitleExample: React.ReactNode =
-
-  <>
-    <Columns multiline>
-      <ColumnsItem size={12}>
-        <Title
-          level="ONE"
-          onClick={function noRefCheck() { }}
-        >
-          Ceci titre
-        </Title>
-      </ColumnsItem>
-      <ColumnsItem size={12}>
-        <Title subtitle>
-          Ceci est un sous-titre
-        </Title>
-      </ColumnsItem>
-    </Columns>
-  </>
+const TitleExample: React.ReactNode = (
+  <Columns multiline>
+    <ColumnsItem size={12}>
+      <Title level='ONE'>Ceci titre</Title>
+    </ColumnsItem>
+    <ColumnsItem size={12}>
+      <Title subtitle>Ceci est un sous-titre</Title>
+    </ColumnsItem>
+  </Columns>
+)
 
 export default TitleExample