@squidit/react-css
TypeScript icon, indicating that this package has built-in type declarations

1.0.3 • Public • Published

logo

@squidit/react-css

This repository contains a React component library developed to facilitate the creation of consistent and elegant interfaces, following a custom style guide. The included components are highly customizable and designed to be reusable across a variety of React projects.

Welcome to Squid Design System

⚡ Get the experience by browsing one of our platforms!

This framework provides low level utilities and UI components for building custom experiences.


Style

Our Design System can be seen here

Components

UI Components are currently offered as React (Web) components.

Installation

  1. Node version >= 18
  2. To use this library in your React project, you can install it via npm or yarn:
npm install @squidit/css @squidit/react-css
# or
yarn add @squidit/css @squidit/react-css
  1. Configure css in your project according to the @squidit/css documentation described in the project's README

How to Use

After installation, you can import and use the components as needed in your React components:

import React from 'react';
import { SqButton } from '@squidit/react-css';

const MyComponent = () => {
  return (
    <div>
      <SqButton>Click Here</SqButton>
    </div>
  );
};

export default MyComponent;

Customization

This library allows high flexibility and customization of the components. You can modify the default styles of the components using specific props or by overriding the styles via CSS.

License

This project is licensed under the MIT License.

Package Sidebar

Install

npm i @squidit/react-css

Weekly Downloads

17

Version

1.0.3

License

MIT

Unpacked Size

4.57 MB

Total Files

320

Last publish

Collaborators

  • squidit-developers
  • vinimarcili