0.8.3 • Published 8 months ago

leaves-ui-web v0.8.3

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

Leaves UI Web

Leaves UI Web is a collection of reusable UI components designed to be used in web applications. This package provides a set of well-crafted, ready-to-use components that can be easily integrated into your projects.

Installation

To install the leaves-ui-web package, run the following command:

npm install leaves-ui-web

or, if you prefer using Yarn:

yarn add leaves-ui-web

Configure Tailwind

Update tailwind.config.js:

module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
    './node_modules/leaves-ui-web/src/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {},
  },
  plugins: [],
};

Usage

You can import and use the components in your project as follows:

javascript

import React from 'react';
import { Button, Navbar, Footer } from 'leaves-ui-web';

const App = () => (
  <div>
    <Navbar />
    <Button onClick={() => alert('Button clicked!')}>Click Me</Button>
    <Footer />
  </div>
);

export default App;

Available Components

Here's a list of all the components available in the leaves-ui-web package:

Button:

A customizable button component.

ArticleCards:

Displays articles in a card format.

ContributeGuidelinesSection:

A section to display contribution guidelines.

HeroBannerUseCases:

A banner for highlighting use cases.

CustomFilter:

A filter component with customizable options.

HeroContributeSection:

A section that encourages contributions.

LlmHeroSection:

A hero section designed for LLM content.

DataPoint:

Displays a key data point.

Navbar:

A navigation bar component.

DetailComponent:

A detailed view component.

DiscordSection:

A section for Discord community integration.

Cards:

A component for displaying link cards.

DropDown:

A dropdown menu component.

Carousel:

A carousel for displaying images or content.

ErrorPageBannerImage:

An image banner for error pages.

CassandraLinkSection:

A section highlighting Cassandra links.

EventCard:

A card component for events.

CommunitySection:

A section for community content.

Footer:

A footer component.

ToolsSocialLinks:

A section for displaying social media links related to tools.

ContactForm:

A customizable contact form.

Header:

A header component for the top of your pages.

ContactUsBanner:

A banner section for contact information.

TrainingSection:

A section highlighting training opportunities.

UseCaseCard:

A card component for showcasing use cases.

YoutubeSection:

A section for embedding YouTube content.

NewsLetterBox:

A subscription box for newsletters.

BuildingTeam:

A section to highlight team-building content.

ListingCards:

A component for listing items in a card format.

License

This package is licensed under the MIT License. See the LICENSE file for more details.

Contributing

Contributions are welcome! Please open an issue or submit a pull request if you have any ideas, improvements, or bug fixes.

for more detailED documentation please refer to the storybook

0.7.9

8 months ago

0.7.6

8 months ago

0.7.5

8 months ago

0.7.8

8 months ago

0.7.7

8 months ago

0.8.1

8 months ago

0.8.0

8 months ago

0.8.3

8 months ago

0.8.2

8 months ago

0.7.4

8 months ago

0.7.3

8 months ago

0.7.2

9 months ago

0.7.1

9 months ago

0.7.0

9 months ago

0.6.7

9 months ago

0.5.8

10 months ago

0.4.9

10 months ago

0.6.6

9 months ago

0.5.7

10 months ago

0.4.8

10 months ago

0.6.9

9 months ago

0.6.8

9 months ago

0.5.9

10 months ago

0.6.3

10 months ago

0.5.4

10 months ago

0.4.5

10 months ago

0.6.2

10 months ago

0.5.3

10 months ago

0.4.4

10 months ago

0.6.5

9 months ago

0.5.6

10 months ago

0.4.7

10 months ago

0.6.4

10 months ago

0.5.5

10 months ago

0.4.6

10 months ago

0.5.0

10 months ago

0.4.1

10 months ago

0.4.0

10 months ago

0.6.1

10 months ago

0.5.2

10 months ago

0.4.3

10 months ago

0.6.0

10 months ago

0.5.1

10 months ago

0.4.2

10 months ago

0.3.0

11 months ago

0.2.1

11 months ago

0.2.0

11 months ago

0.1.0

11 months ago