@basmonje/quarks v1.0.4

Quarks

Quarks es un conjunto de componentes para React accesibles y reutilizables para ayudarnos a construir sitios web y aplicaciones mas rápido.

Instalación

Para utilizar Quarks, instalar modulo npm @basmonje/quarks.

npm i @basmonje/quarks

Uso

Quarks permite exportar componentes como módulos ES6 de dos formas diferentes.

import { Button } from "@basmonje/quarks";

// como también...

import Button from "@basmonje/quarks/Button";

Después de instalar es importante agregar hoja de estilos dentro de leptones/global.min.css.

El siguiente ejemplo utiliza next.js

// archivo minificado
import "@basmonje/quarks/leptones/global.min.css";

Ejemplo

import * as React from "react";
import { Button } from "@basmonje/quarks";

import "@basmonje/quarks/style/global.min.css";

function App() {
  return (
    <div>
      <Button outline>Upload</Button>
    </div>
  );
}