0.1.40 • Published 4 years ago

@thesaurus/components v0.1.40

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

@thesaurus/components

Biblioteca de componentes de React para Thesaurus.

Instalación

Necesitas instalar la biblioteca con algunas dependencias: Magma y Styled components

yarn

yarn add @thesaurus/components styled-components @sqymagma/{elements,theme}

npm

npm install --save @thesaurus/components styled-components @sqymagma/{elements,theme}

Setup

Para utilizar @thesaurus/components es necesario añadir un contexto a toda la app mediante <SiteProvider> asignándole el id del site.

Este id lo usa @thesaurus/components internamente para asignar themes y subthemes entre otras cosas como CSS globales y elementos de i18n.

import { SiteProvider } from "@thesaurus/components"

const App = () => {
  return (
    <SiteProvider id="university"}>
      <Main />
    </SiteProvider>
  )
}

## Components

Con el provider establecido podemos usar los componentes directamente en nuestra aplicación de forma explícita utilizando los componentes directamente.

import { BasicContent } from "@thesaurus/components"

const Page = () => (
  <BasicContent
    title={{ content: "Title", tag: "h2" }}
    description="Lorem ipsum"
    visualContent={{ image: { url: "//lorem.jpg", alt: "alt text" } }}
  />
)

Otra forma más programática para usar los componentes se basa en utilizar las funciones de render que provee @thesaurus/components

import { renderModule } from "@thesaurus/components"

const Page = () =>
 renderModule({
   module: "BasicContent",
   title: {
     content: "Title",
     tag: "h2"
   },
   description: "Lorem ipsum"
   visualContent: {
     image: {
       url: "//lorem.jpg", alt: "alt text"
     }
   }
 })
0.1.40

4 years ago

0.1.39

4 years ago

0.1.38

4 years ago

0.1.37

4 years ago

0.1.35

4 years ago

0.1.36

4 years ago

0.1.34

4 years ago

0.1.33

4 years ago

0.1.32

4 years ago

0.1.31-beta.4

4 years ago

0.1.31-beta.5

4 years ago

0.1.31-beta.3

4 years ago

0.1.31-beta.2

4 years ago

0.1.31-beta.1

4 years ago

0.1.31

4 years ago

0.1.30

4 years ago

0.1.28

4 years ago

0.1.29

4 years ago

0.1.27

4 years ago

0.1.22

4 years ago

0.1.23

4 years ago

0.1.24

4 years ago

0.1.25

4 years ago

0.1.26

4 years ago

0.1.20

4 years ago

0.1.21

4 years ago

0.1.18

4 years ago

0.1.19

4 years ago

0.1.1-5.beta01

4 years ago

0.1.10

4 years ago

0.1.11

4 years ago

0.1.12

4 years ago

0.1.13

4 years ago

0.1.14

4 years ago

0.1.9

4 years ago

0.1.8

4 years ago

0.1.7

4 years ago

0.1.4

4 years ago

0.1.6

4 years ago

0.1.5

4 years ago

0.1.3

4 years ago

0.1.2

4 years ago

0.1.0

4 years ago

0.1.1

4 years ago

0.0.100

4 years ago

0.0.99

4 years ago

0.0.89-beta.32

4 years ago

0.0.89-beta.29

4 years ago

0.0.89-beta.30

4 years ago

0.0.89-beta.31

4 years ago

0.0.89-beta.28

4 years ago

0.0.89-beta.27

4 years ago

0.0.89-beta.10

4 years ago

0.0.89-beta.12

4 years ago

0.0.89-beta.11

4 years ago

0.0.89-beta.14

4 years ago

0.0.89-beta.13

4 years ago

0.0.89-beta.16

4 years ago

0.0.89-beta.15

4 years ago

0.0.89-beta.18

4 years ago

0.0.89-beta.19

4 years ago

0.0.89-beta.21

4 years ago

0.0.89-beta.20

4 years ago

0.0.89-beta.23

4 years ago

0.0.89-beta.22

4 years ago

0.0.89-beta.25

4 years ago

0.0.89-beta.24

4 years ago

0.0.89-beta.26

4 years ago

0.0.89-beta.9

4 years ago

0.0.89-beta.8

4 years ago

0.0.89-beta.7

4 years ago

0.0.89-beta.6

4 years ago

0.0.89-beta.5

4 years ago

0.0.89-beta.4

4 years ago

0.0.89-beta.3

4 years ago

0.0.89-beta.2

4 years ago

0.0.89-beta.1

4 years ago

0.0.89-beta.0

4 years ago

0.0.95

4 years ago

0.0.96

4 years ago

0.0.94

4 years ago

0.0.92

4 years ago

0.0.93

4 years ago

0.0.91

4 years ago

0.0.90

4 years ago

0.0.89

4 years ago

0.0.88

4 years ago

0.0.87

4 years ago

0.0.86

4 years ago

0.0.85

4 years ago

0.0.84

4 years ago

0.0.83

4 years ago

0.0.82

4 years ago

0.0.80

4 years ago

0.0.81

4 years ago

0.0.78

4 years ago

0.0.79

4 years ago

0.0.77

4 years ago

0.0.76

4 years ago

0.0.74

4 years ago

0.0.75

4 years ago

0.0.73

4 years ago

0.0.71

4 years ago

0.0.72

4 years ago

0.0.70

4 years ago

0.0.66

4 years ago

0.0.67

4 years ago

0.0.68

4 years ago

0.0.64

4 years ago

0.0.65

4 years ago

0.0.63

4 years ago

0.0.62

4 years ago

0.0.61

4 years ago

0.0.60

4 years ago

0.0.59

4 years ago

0.0.58

4 years ago

0.0.55

4 years ago

0.0.56

4 years ago

0.0.57

4 years ago

0.0.54

4 years ago

0.0.52

4 years ago

0.0.53

4 years ago

0.0.51

4 years ago

0.0.50

4 years ago

0.0.49

4 years ago

0.0.48

4 years ago

0.0.47

4 years ago

0.0.46

4 years ago

0.0.45

4 years ago

0.0.44

4 years ago

0.0.43

4 years ago

0.0.40

4 years ago

0.0.41

4 years ago

0.0.42

4 years ago

0.0.39

4 years ago

0.0.38

4 years ago

0.0.37

4 years ago

0.0.32

4 years ago

0.0.33

4 years ago

0.0.34

4 years ago

0.0.35

4 years ago

0.0.36

4 years ago

0.0.31

4 years ago

0.0.30

4 years ago

0.0.29

4 years ago

0.0.27

4 years ago

0.0.28

4 years ago

0.0.25

4 years ago

0.0.26

4 years ago

0.0.24

4 years ago

0.0.22

4 years ago

0.0.23

4 years ago

0.0.21

4 years ago

0.0.20

4 years ago

0.0.17

4 years ago

0.0.18

4 years ago

0.0.19

4 years ago

0.0.16

4 years ago

0.0.15

4 years ago

0.0.14

4 years ago

0.0.13

4 years ago