Testando os commits

Author: mellcosta

README.md

@@ -4,7 +4,11 @@
 
 ![](./assets/design.PNG)
 
-### Link do projeto: 
+### Link:
+
+ [Design System on Storybook](https://mellcosta.github.io/ignite_lab_design_system/?path=/story/components-button--default )
+
+ ---
 
 ## Techs💻
 

src/App.tsx

@@ -1,12 +1,35 @@
 import './styles/global.css';
 
+import { Button } from './components/Button';
+import { Checkbox } from './components/Checkbox';
+import { TextInput } from './components/TextInput';
+import { Text } from './components/Text';
+import { Heading } from './components/Heading';
+
 export function App() {
   return (
-    <>
-      <h1 className="font-bold text-6xl text-violet-800">Hello World</h1>
-
-      <button className=' font-medium px-5 py-2 text-white bg-gray hover:bg-green-500'>Enviar</button>
-    </>
-    
+    <div className='bg-gray-900 flex content-center items-center gap-5 flex-col p-3'>
+      <div className='flex content-center items-center gap-4 flex-col'>
+        <img src="../public/vite.svg" alt="" />
+        <Heading>Igninte Lab</Heading>
+        <Text>Faça Login e comece a usar</Text>
+      </div>
+      <div>
+        <span className='flex flex-col'>
+          <label htmlFor="email"> <Text>Endereço de e-mail</Text> </label>
+          <input type="email" id='email' />
+        </span>
+        <span className='flex flex-col'>
+          <label htmlFor="password"> <Text>Sua senha</Text> </label>
+          <input type="password" id='password' />
+        </span>
+      </div>
+      <div>
+        <Checkbox/> <Text>Lembrar-me</Text> 
+      </div>
+      <div>
+        <Button>Click Me</Button>
+      </div>
+    </div>
   )
 }

src/components/Checkbox.tsx

@@ -5,7 +5,7 @@ export interface CheckboxProps {}
 
 export function Checkbox( {}: CheckboxProps ) {
     return(
-        <CheckboxPrimitive.Root className='w-6 h-6 p-[2px] bg-gray-800 rounded hover:bg-gray-900' >
+        <CheckboxPrimitive.Root className='w-6 h-6 p-[2px] bg-gray-800 rounded' >
             <CheckboxPrimitive.Indicator asChild>
                 <Check weight='bold' className='w-5 h-5 text-cyan-500' />
             </CheckboxPrimitive.Indicator>

src/main.tsx

@@ -1,7 +1,9 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+
 import { App } from './App'
 
+
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <App />