react-ui-components-sk

A collection of reusable React UI components with a rich look and feel, including buttons, text inputs, dropdowns, and more.

Installation

To install react-ui-components-sk, use npm or yarn:

npm install react-ui-components-sk
# or
yarn add react-ui-components-sk

Usage

Import the components you need and use them in your React project:

import { Button, TextInput } from "react-ui-components-sk";

function App() {
  return (
    <div>
      <Button label="Click Me" onClick={() => alert("Button clicked!")} />
      <TextInput placeholder="Type something..." />
    </div>
  );
}

export default App;

Components

Button

A customizable button component.

Props:

• label (string): The text displayed on the button.
• onClick (function): Callback for button clicks.
• style (object): Optional inline styles.

Example:

<Button label="Submit" onClick={() => console.log("Submitted!")} />

TextInput

A customizable text input component.

Props:

• placeholder (string): Placeholder text.
• value (string): Input value.
• onChange (function): Callback for value changes.

Example:

<TextInput
  placeholder="Enter your name"
  onChange={(e) => console.log(e.target.value)}
/>

Customization

You can customize the components with inline styles or by overriding default CSS classes.

Example:

<Button
  label="Styled Button"
  style={{ backgroundColor: "blue", color: "white" }}
/>

Contributing

We welcome contributions! To contribute:

1. Fork the repository.
2. Create a new branch for your changes.
3. Make your changes and test them.
4. Submit a pull request with a description of your changes.

License

MIT License - see the LICENSE file for details.

This version is streamlined and focused, making it straightforward for other React developers to understand and use your package.