https://github.com/gabrielrabreu/oldones.sage_react

A React design system.
https://github.com/gabrielrabreu/oldones.sage_react

design-system react scss typescript

Last synced: about 3 hours ago
JSON representation

A React design system.

• Host: GitHub
• URL: https://github.com/gabrielrabreu/oldones.sage_react
• Owner: gabrielrabreu
• License: apache-2.0
• Created: 2024-01-26T22:49:46.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-04-16T12:36:06.000Z (7 months ago)
• Last Synced: 2024-11-17T03:15:15.675Z (about 3 hours ago)
• Topics: design-system, react, scss, typescript
• Language: TypeScript
• Homepage:
• Size: 1020 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SAGE REACT

SAGE is a collection of reusable UI components built with React and TypeScript, aimed at providing a consistent and efficient way to develop user interfaces across projects.

## Table of Contents

- [Features](#features)

- [Usage](#usage)

- [Feedback](#feedback)

- [License](#license)

- [Stay Connected](#stay-connected)

## Features

- **Reusable Components:** A growing collection of UI components such as buttons, inputs, toggles, and more, designed to be easily integrated into your projects.

- **Built with React and TypeScript:** Leveraging the power of React for building dynamic user interfaces, and TypeScript for type safety and improved developer experience.

- **Customizable Styles:** SCSS-based styling allows for easy customization and theming to match the look and feel of your project.

- **Documentation:** Comprehensive documentation with examples of usage, prop types, and guidelines for contributing to the project.

## Usage

To use SAGE in your project, simply install the package from npm:

```bash

npm install @gabrielrabreu/sage-react

```

Then, import the desired components into your project and start using them:

```

import { Button, InputText, ToggleSwitch } from '@gabrielrabreu/sage-react';

function App() {

  return (

    


      Click me

      

      

    

  );

}

```


## Feedback

Your feedback is important to me. Please feel free to submit a GitHub issue or pull request with your questions, suggestions, or comments.

## License

This project is licensed under the [![License](https://img.shields.io/badge/License-Apache%202.0-blue.svg)](http://www.apache.org/licenses/LICENSE-2.0)

## Stay Connected

Follow the project to stay updated with new additions and enhancements. Happy coding!