0.2.1-6.2 • Published 12 months ago

adusei-ui v0.2.1-6.2

Weekly downloads
-
License
-
Repository
-
Last release
12 months ago

Here's the README in markdown format:

# Adusei UI React Library

Adusei UI is a collection of reusable React components wrapped around shadcn, designed to help you build modern and accessible user interfaces with ease.

# Table of Contents

- [Installation](#installation)
- [Usage](#usage)
- [Components](#components)
  - [Button](#button)
  - [Input](#input)
  - [Other Components](#other-components)
- [Contributing](#contributing)
- [License](#license)

# Installation

To install the Adusei UI library, use npm or yarn:

```bash
npm install adusei-ui
```

or

yarn add adusei-ui

Usage

To start using the components, import them into your React application:

import React from "react";
import { Button } from "adusei-ui";

const App = () => {
  return (
    <div>
      <Button>Click Me</Button>
    </div>
  );
};

export default App;

Components

Button

The Button component is a customizable button element.

Props:

  • children (node): The content to be displayed inside the button.
  • onClick (function): Function to be called when the button is clicked.
  • disabled (boolean): Disables the button when set to true.
  • variant (string): The style variant of the button ('default', 'secondary', etc.).

Example:

<Button onClick={() => alert("Button clicked!")} variant="default">
  Click Me
</Button>

Input

The Input component is a customizable input field.

Props:

  • value (string): The value of the input field.
  • onChange (function): Function to be called when the input value changes.
  • placeholder (string): Placeholder text for the input field.
  • type (string): The type of the input field ('text', 'password', etc.).

Example:

<Input
  value={value}
  onChange={(e) => setValue(e.target.value)}
  placeholder="Enter text"
  type="text"
/>

Other Components

The library includes many other components such as Checkbox, Modal, Tooltip, and more. Check the documentation for a complete list of components and their usage.

Contributing

We welcome contributions to the Adusei UI library! To contribute:

  1. Fork the repository.
  2. Create a new branch for your feature or bug fix.
  3. Make your changes.
  4. Submit a pull request.

Please make sure to follow our contribution guidelines.

License

This project is licensed under the MIT License. See the LICENSE file for more information.

0.2.1-6.2

12 months ago

0.2.1-5.1

1 year ago

0.2.1-6.1

12 months ago

0.2.1-5.2

1 year ago

0.2.16

12 months ago

0.2.15

1 year ago

0.2.14

1 year ago

0.2.13

1 year ago

0.2.12

1 year ago

0.2.11

1 year ago

0.2.10

1 year ago

0.2.9

1 year ago

0.2.1

1 year ago

0.2.0

1 year ago

0.2.7

1 year ago

0.2.6

1 year ago

0.2.8

1 year ago

0.2.3

1 year ago

0.2.2

1 year ago

0.2.5

1 year ago

0.2.4

1 year ago

0.1.8

1 year ago

0.1.7

1 year ago

0.1.9

1 year ago

0.1.6

1 year ago

0.1.5

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.0.9

1 year ago

0.0.8

1 year ago

0.0.7

1 year ago

0.0.6

1 year ago

0.0.5

1 year ago

0.0.0

1 year ago

0.0.4

1 year ago

0.0.3

1 year ago

0.0.1

1 year ago