1.0.111 • Published 9 months ago

cinnecta-ui-kit v1.0.111

Weekly downloads
-
License
MIT
Repository
-
Last release
9 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

9 months ago

1.0.79

9 months ago

1.0.78

9 months ago

1.0.101

9 months ago

1.0.100

9 months ago

1.0.107

9 months ago

1.0.106

9 months ago

1.0.109

9 months ago

1.0.108

9 months ago

1.0.103

9 months ago

1.0.102

9 months ago

1.0.105

9 months ago

1.0.104

9 months ago

1.0.80

9 months ago

1.0.84

9 months ago

1.0.83

9 months ago

1.0.82

9 months ago

1.0.81

9 months ago

1.0.88

9 months ago

1.0.87

9 months ago

1.0.86

9 months ago

1.0.85

9 months ago

1.0.89

9 months ago

1.0.110

9 months ago

1.0.111

9 months ago

1.0.91

9 months ago

1.0.90

9 months ago

1.0.94

9 months ago

1.0.93

9 months ago

1.0.99

9 months ago

1.0.98

9 months ago

1.0.97

9 months ago

1.0.96

9 months ago

1.0.62

9 months ago

1.0.61

9 months ago

1.0.60

9 months ago

1.0.66

9 months ago

1.0.64

9 months ago

1.0.63

9 months ago

1.0.69

9 months ago

1.0.68

9 months ago

1.0.67

9 months ago

1.0.72

9 months ago

1.0.71

9 months ago

1.0.70

9 months ago

1.0.76

9 months ago

1.0.75

9 months ago

1.0.39

9 months ago

1.0.40

9 months ago

1.0.44

9 months ago

1.0.43

9 months ago

1.0.42

9 months ago

1.0.41

9 months ago

1.0.48

9 months ago

1.0.47

9 months ago

1.0.46

9 months ago

1.0.45

9 months ago

1.0.49

9 months ago

1.0.51

9 months ago

1.0.50

9 months ago

1.0.55

9 months ago

1.0.54

9 months ago

1.0.53

9 months ago

1.0.59

9 months ago

1.0.58

9 months ago

1.0.57

9 months ago

1.0.56

9 months ago

1.0.38

10 months ago

1.0.37

10 months ago

1.0.36

10 months ago

1.0.35

10 months ago

1.0.34

10 months ago

1.0.33

10 months ago

1.0.32

10 months ago

1.0.31

10 months ago

1.0.30

10 months ago

1.0.29

10 months ago

1.0.28

10 months ago

1.0.27

10 months ago

1.0.26

10 months ago

1.0.25

10 months ago

1.0.24

10 months ago

1.0.23

10 months ago

1.0.22

10 months ago

1.0.21

10 months ago

1.0.20

10 months ago

1.0.19

10 months ago

1.0.18

10 months ago

1.0.17

10 months ago

1.0.16

10 months ago

1.0.15

10 months ago

1.0.14

10 months ago

1.0.13

10 months ago

1.0.12

10 months ago

1.0.11

10 months ago

1.0.10

10 months ago

1.0.9

10 months ago

1.0.7

10 months ago

1.0.6

10 months ago

1.0.5

10 months ago

1.0.4

10 months ago

1.0.3

10 months ago

1.0.2

10 months ago

1.0.1

10 months ago

1.0.0

10 months ago

0.0.47

10 months ago