1.0.111 • Published 5 months ago

cinnecta-ui-kit v1.0.111

Weekly downloads
-
License
MIT
Repository
-
Last release
5 months ago

LUIS (Lean User Interface System)

LUIS (Lean User Interface System) é um design system desenvolvido para fornecer uma biblioteca de componentes React.js flexí­vel e eficiente, garantindo consistência visual e facilidade de uso em diferentes projetos.

Instalação

Você pode instalar a biblioteca utilizando npm, yarn ou pnpm:

Usando npm

npm install cinnecta-ui-kit

Usando yarn

yarn add cinnecta-ui-kit

Usando pnpm

pnpm add cinnecta-ui-kit

Configuração

Para utilizar os componentes da biblioteca, adicione as seguintes configurações ao seu projeto:

  1. No seu arquivo global.css, importe os estilos do design system:
@layer reset, base, tokens, recipes, utilities;
@import url('cinnecta-ui-kit/styles.css');
  1. Importe e utilize um componente em seu projeto:
import { Button } from "cinnecta-ui-kit";

function App() {
  return (
    <Button style="gradient" spacing="noSpacing" fullWidth>
      Entrar
    </Button>
  );
}

Estilização e Extensibilidade

Se você deseja estender os estilos e criar novos componentes utilizando o Panda CSS, siga os passos abaixo:

  1. Instale o Panda CSS:
yarn add -D @pandacss/dev
  1. Inicialize o Panda CSS no projeto:
yarn panda init --postcss
  1. Adicione o seguinte script no package.json para gerar os estilos:
"scripts": {
  "prepare": "panda codegen"
}
  1. Configure o arquivo panda.config.ts para incluir os componentes da biblioteca:
import { defineConfig } from "@pandacss/dev";
import { auroraPreset } from "cinnecta-ui-kit";

export default defineConfig({
  preflight: true,
  jsxFramework: "react",
  presets: [auroraPreset],
  include: [
    "./src/components/**/*.{ts,tsx,js,jsx}",
    "./src/pages/**/*.{ts,tsx,js,jsx}",
    "./node_modules/cinnecta-ui-kit/dist/panda.buildinfo.json"
  ],
  outExtension: "js",
  outdir: "styled-system",
});

Documentação Adicional

Para mais detalhes sobre a configuração do Panda CSS em diferentes frameworks, consulte:

Com isso, seu projeto estará pronto para utilizar os componentes do LUIS com total flexibilidade e performance!

1.0.77

5 months ago

1.0.79

5 months ago

1.0.78

5 months ago

1.0.101

5 months ago

1.0.100

5 months ago

1.0.107

5 months ago

1.0.106

5 months ago

1.0.109

5 months ago

1.0.108

5 months ago

1.0.103

5 months ago

1.0.102

5 months ago

1.0.105

5 months ago

1.0.104

5 months ago

1.0.80

5 months ago

1.0.84

5 months ago

1.0.83

5 months ago

1.0.82

5 months ago

1.0.81

5 months ago

1.0.88

5 months ago

1.0.87

5 months ago

1.0.86

5 months ago

1.0.85

5 months ago

1.0.89

5 months ago

1.0.110

5 months ago

1.0.111

5 months ago

1.0.91

5 months ago

1.0.90

5 months ago

1.0.94

5 months ago

1.0.93

5 months ago

1.0.99

5 months ago

1.0.98

5 months ago

1.0.97

5 months ago

1.0.96

5 months ago

1.0.62

5 months ago

1.0.61

5 months ago

1.0.60

5 months ago

1.0.66

5 months ago

1.0.64

5 months ago

1.0.63

5 months ago

1.0.69

5 months ago

1.0.68

5 months ago

1.0.67

5 months ago

1.0.72

5 months ago

1.0.71

5 months ago

1.0.70

5 months ago

1.0.76

5 months ago

1.0.75

5 months ago

1.0.39

5 months ago

1.0.40

5 months ago

1.0.44

5 months ago

1.0.43

5 months ago

1.0.42

5 months ago

1.0.41

5 months ago

1.0.48

5 months ago

1.0.47

5 months ago

1.0.46

5 months ago

1.0.45

5 months ago

1.0.49

5 months ago

1.0.51

5 months ago

1.0.50

5 months ago

1.0.55

5 months ago

1.0.54

5 months ago

1.0.53

5 months ago

1.0.59

5 months ago

1.0.58

5 months ago

1.0.57

5 months ago

1.0.56

5 months ago

1.0.38

5 months ago

1.0.37

5 months ago

1.0.36

6 months ago

1.0.35

6 months ago

1.0.34

6 months ago

1.0.33

6 months ago

1.0.32

6 months ago

1.0.31

6 months ago

1.0.30

6 months ago

1.0.29

6 months ago

1.0.28

6 months ago

1.0.27

6 months ago

1.0.26

6 months ago

1.0.25

6 months ago

1.0.24

6 months ago

1.0.23

6 months ago

1.0.22

6 months ago

1.0.21

6 months ago

1.0.20

6 months ago

1.0.19

6 months ago

1.0.18

6 months ago

1.0.17

6 months ago

1.0.16

6 months ago

1.0.15

6 months ago

1.0.14

6 months ago

1.0.13

6 months ago

1.0.12

6 months ago

1.0.11

6 months ago

1.0.10

6 months ago

1.0.9

6 months ago

1.0.7

6 months ago

1.0.6

6 months ago

1.0.5

6 months ago

1.0.4

6 months ago

1.0.3

6 months ago

1.0.2

6 months ago

1.0.1

6 months ago

1.0.0

6 months ago

0.0.47

6 months ago