creative-ui-components v1.0.0

creative-ui-components

This is a custom React component library providing innovative components for various purposes.

Installation

npm install creative-ui-components

# Components

Button
InputText

License
This project is licensed under the MIT License - see the LICENSE file for details.


6. **Button/README.md**:

```markdown
# Button Component

This component provides a customizable button with various functionalities like size and color.

## Installation

```bash
npm install creative-ui-components

Usage

import React from 'react';
import ReactDOM from 'react-dom';
import Button from 'creative-ui-components/components/Button';

const App = () => {
  const handleClick = () => {
    console.log('Button clicked');
  };

  return (
    <Button onClick={handleClick} size="medium" color="#007bff">
      Click Me
    </Button>
  );
};

ReactDOM.render(<App />, document.getElementById('root'));

Props
onClick: Function to be called when the button is clicked.
size: Size of the button (small, medium, or large). Default is medium.
color: Background color of the button. Default is #007bff.


7. **InputText/README.md**:

```markdown
# InputText Component

This component provides a customizable input text field.

## Installation

```bash
npm install creative-ui-components

Usage

import React, { useState } from 'react';
import ReactDOM from 'react-dom';
import InputText from 'creative-ui-components/components/InputText';

const App = () => {
  const [value, setValue] = useState('');

  const handleChange = (newValue) => {
    setValue(newValue);
  };

  return (
    <InputText value={value} onChange={handleChange} />
  );
};

ReactDOM.render(<App />, document.getElementById('root'));

Props
value: The value of the input field.
onChange: Function to be called when the input value changes.



This structure provides a clear separation of components and their associated files, making it easier for users to understand and navigate your library.