/nitrozen-react

Nitrozen React

Primary LanguageTypeScript

@gofynd/nitrozen-react

npm version

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:

button radio

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:

📝 License

Licensed under the Apache 2.0 License