my-profile

A reusable and customizable Sidebar Profile Editor component built with React.

Developed by Shivam

📦 Installation

npm install profile-pluto


import React from "react";
import Profile from "profile-pluto";

const profile = {
  name: "Shivam",
  email: "[email protected]",
  avatar: "https://via.placeholder.com/100",
  phone: "9876543210",
  address: "Noida, UP",
  dob: "1998-07-22"
};

function App() {
  const handleSave = (updatedProfile) => {
    console.log("Updated Profile:", updatedProfile);
  };

  return <Profile profile={profile} onSave={handleSave} />;
}

export default App;

| Prop      | Type     | Required | Description                              |
| --------- | -------- | -------- | ---------------------------------------- |
| `profile` | `object` | ✅        | Initial profile data (name, email, etc.) |
| `onSave`  | `func`   | ✅        | Callback fired with updated data         |


## License
MIT © Shivam