Build First React App

SideBar.jsx

import React from 'react'


const SideBar = () => {
  return (
    <div className="col-2 ps-0">
      <nav className="bg-dark border-right text-center" style={{ height: '100vh' }}>
        <h3 className="pt-4 pl-3 text-light">React App</h3>
        <hr className='bg-white' style={{ height: "3px" }}/>
        <p className="pt-3">
          <a href="#"
            className="text-white"
            style={{ width: '100%' }}
          >
            Home
          </a>
        </p>
        <p className="pt-3">
          <a href="#"
            className="text-white"
            style={{ width: '100%' }}
          >
            About
          </a>
        </p>
        <p className="pt-3">
          <a href="#"
            className="text-white"
            style={{ width: '100%' }}
          >
            Contact
          </a>
        </p>
      </nav>
    </div>
  )
}


export default SideBar