chore: add new button statuses

italia · Aug 30, 2023 · f447e33 · f447e33
1 parent 82571c4
commit f447e33
Showing 1 changed file with 48 additions and 0 deletions.
diff --git a/stories/Button/Button.stories.tsx b/stories/Button/Button.stories.tsx
@@ -68,6 +68,9 @@ export const VariantiColore = () => {
         <Button color='primary' disabled>
           Primary disabled
         </Button>
+        <Button color='primary' outline disabled>
+          Primary out. disabled
+        </Button>
       </div>
       <div className='btn-example'>
         <Button color='secondary'>Secondary</Button>{' '}
@@ -77,6 +80,45 @@ export const VariantiColore = () => {
         <Button color='secondary' disabled>
           Secondary disabled
         </Button>
+        <Button color='secondary' outline disabled>
+          Secondary out. disabled
+        </Button>
+      </div>
+      <div className='btn-example'>
+        <Button color='success'>success</Button>{' '}
+        <Button outline color='success'>
+          success Outline
+        </Button>{' '}
+        <Button color='success' disabled>
+          success disabled
+        </Button>
+        <Button color='success' outline disabled>
+          success out. disabled
+        </Button>
+      </div>
+      <div className='btn-example'>
+        <Button color='danger'>danger</Button>{' '}
+        <Button outline color='danger'>
+          danger Outline
+        </Button>{' '}
+        <Button color='danger' disabled>
+          danger disabled
+        </Button>
+        <Button color='danger' outline disabled>
+          danger out. disabled
+        </Button>
+      </div>
+      <div className='btn-example'>
+        <Button color='warning'>warning</Button>{' '}
+        <Button outline color='warning'>
+          warning Outline
+        </Button>{' '}
+        <Button color='warning' disabled>
+          warning disabled
+        </Button>
+        <Button color='warning' outline disabled>
+          warning out. disabled
+        </Button>
       </div>
     </>
   );
@@ -92,6 +134,9 @@ export const SfondoScuro = () => (
       <Button color='primary' disabled>
         Primary disabled
       </Button>
+      <Button color='primary' outline disabled>
+        Primary out. disabled
+      </Button>
     </div>
     <div className='btn-example'>
       <Button color='secondary'>Secondary</Button>{' '}
@@ -101,6 +146,9 @@ export const SfondoScuro = () => (
       <Button color='secondary' disabled>
         Secondary disabled
       </Button>
+      <Button color='secondary' outline disabled>
+        Secondary out. disabled
+      </Button>
     </div>
   </div>
 );