raj-savsani / nitrozen-react

Nitrozen React

@gofynd/nitrozen-react

A React component library inspired from Nitrozen design system

Getting started

To install @gofynd/nitrozen-react in your project, you will need to run the following command using npm:

npm install -S @gofynd/nitrozen-react

If you prefer Yarn, use the following command instead:

yarn add @gofynd/nitrozen-react

• Nitrozen component library can be consumed by all React / React with Typescript projects.

Usage

The @gofynd/nitrozen-react package provides components and icons for the Nitrozen Design System.

To use a component, you can import it directly from the package:

import { Button } from "@gofynd/nitrozen-react";

function MyComponent() {
  return <Button>Example usage</Button>;
}

Example:

Components List:

• Autocomplete
• Badge
• Button
• Card
• Checkbox
• Chip
• Dialog
• Dropdown
• Icon
• Input
• Menu
• MenuItem
• Validation
• Pagination
• Radio
• Snackbar
• Stepper
• Tab
• TabItem
• ToggleBtn
• Tooltip

For a full list of components available & it's detailed documentation, checkout our Storybook.

📖 API Documentation

If you're looking for @gofynd/nitrozen-react API documentation, check out:

• Storybook

📝 License

Licensed under the Apache 2.0 License