Skip to content

grandchef/rosalvo-design-system

 
 

Repository files navigation

rosalvo logo

rosalvo design system

A component lib in React developing for Rosalvo.

Made by GrandChef NPM Downloads

npm downloads

npm package Code style license

como adicionar ao projeto

yarn add @grandchef/rosalvo-design-system

or

npm install @grandchef/rosalvo-design-system

How utilize

function App({ children }) { return {children} }


2 - já pode sair utilizando os componentes importados da **aiq-design-system**

```jsx
import React from 'react'
import ReactDOM from 'react-dom'

import { Button, Input, Flex, ThemeProvider } from "rosalvo-design-system";

export const AiqComponent() {
  return (
    <ThemeProvider>
      <Flex p={20} flexDirection="column">
        <Input variant="outlined" label="I want Pizza!" />
        <Button variant="contained">ros</Button>
      </Flex>
    </ThemeProvider>
  );
}

template no codesandbox

temos um template configurado no codesandbox com a lib configurada!

Edit Button

Packages

No packages published

Languages

  • TypeScript 96.7%
  • JavaScript 2.9%
  • Other 0.4%