Merge branch 'argon/shreenidhi/button' into 'feature/dushyanth'

Argon/shreenidhi/button

See merge request prajakta.sathwane/sample_argon!10

src/components/Card/index.jsx

+import React from 'react'
+
+function Card(props) {
+    const{}=props;
+    
+    return (
+        <div class="card-body">
+                  <div class="row">
+                    <div class="col">
+                      <h5 class="card-title text-uppercase text-muted mb-0">Total traffic</h5>
+                      <span class="h2 font-weight-bold mb-0">350,897</span>
+                    </div>
+                    <div class="col-auto">
+                      <div class="icon icon-shape bg-gradient-red text-white rounded-circle shadow">
+                        <i class="ni ni-active-40"></i>
+                      </div>
+                    </div>
+                  </div>
+                  <p class="mt-3 mb-0 text-sm">
+                    <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
+                    <span class="text-nowrap">Since last month</span>
+                  </p>
+                </div>
+    )
+}
+
+export default Card

src/components/Input/Input.scss

+
+.form-control {
+  display: block;
+  width: 15%;
+  height: calc(1.5em + 1.25rem + 2px);
+  padding: 0.625rem 0.75rem;
+  font-size: 0.875rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #8898aa;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #dee2e6;
+  border-radius: 0.25rem;
+  transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+.form-control {
+  font-size: .875rem;
+  height: calc(1.5em + 1.25rem + 5px);
+  transition: all .15s ease-in-out;
+}
+.form-control:focus {
+  color: #8898aa;
+  border-color: #5e72e4;
+  outline: 0;
+  background-color: #fff;
+  // box-shadow: 0 3px 9px ;
+
+}
\ No newline at end of file

src/components/Input/index.jsx

+import { type } from '@testing-library/user-event/dist/type';
+import React from 'react'
+import PropTypes from "prop-types";
+import "./Input.scss";
+
+
+function Input(props) {
+  const{customClass,value,handleChange,placeholder}=props;
+
+    return (
+      <div>
+    <input className={`${customClass}`} value={value} onChange={handleChange} placeholder={placeholder}/>
+    </div>
+    )
+    }
+
+
+
+
+
+
+export default Input