0.1.40 • Published 5 years ago

@thesaurus/components v0.1.40

Weekly downloads
-
License
MIT
Repository
-
Last release
5 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"
     }
   }
 })
reactstyled-componentsthesaurusmagma
@sqymagma/elements@sqymagma/theme@styled-system/theme-get@svgr/rollup@svgr/webpackaxiosbeautiful-react-hooksreact-aspect-ratioreact-headroomreact-markdownreact-responsivereact-string-replacereact-svg-loaderstyled-componentsstyled-normalizestyled-reset
@thesaurus/themes
0.1.40

5 years ago

0.1.39

5 years ago

0.1.38

5 years ago

0.1.37

5 years ago

0.1.35

5 years ago

0.1.36

5 years ago

0.1.34

5 years ago

0.1.33

5 years ago

0.1.32

5 years ago

0.1.31-beta.4

5 years ago

0.1.31-beta.5

5 years ago

0.1.31-beta.3

5 years ago

0.1.31-beta.2

5 years ago

0.1.31-beta.1

5 years ago

0.1.31

5 years ago

0.1.30

5 years ago

0.1.28

5 years ago

0.1.29

5 years ago

0.1.27

5 years ago

0.1.22

5 years ago

0.1.23

5 years ago

0.1.24

5 years ago

0.1.25

5 years ago

0.1.26

5 years ago

0.1.20

5 years ago

0.1.21

5 years ago

0.1.18

5 years ago

0.1.19

5 years ago

0.1.1-5.beta01

5 years ago

0.1.10

5 years ago

0.1.11

5 years ago

0.1.12

5 years ago

0.1.13

5 years ago

0.1.14

5 years ago

0.1.9

5 years ago

0.1.8

5 years ago

0.1.7

5 years ago

0.1.4

5 years ago

0.1.6

5 years ago

0.1.5

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago

0.1.0

5 years ago

0.1.1

5 years ago

0.0.100

5 years ago

0.0.99

5 years ago

0.0.89-beta.32

5 years ago

0.0.89-beta.29

5 years ago

0.0.89-beta.30

5 years ago

0.0.89-beta.31

5 years ago

0.0.89-beta.28

5 years ago

0.0.89-beta.27

5 years ago

0.0.89-beta.10

5 years ago

0.0.89-beta.12

5 years ago

0.0.89-beta.11

5 years ago

0.0.89-beta.14

5 years ago

0.0.89-beta.13

5 years ago

0.0.89-beta.16

5 years ago

0.0.89-beta.15

5 years ago

0.0.89-beta.18

5 years ago

0.0.89-beta.19

5 years ago

0.0.89-beta.21

5 years ago

0.0.89-beta.20

5 years ago

0.0.89-beta.23

5 years ago

0.0.89-beta.22

5 years ago

0.0.89-beta.25

5 years ago

0.0.89-beta.24

5 years ago

0.0.89-beta.26

5 years ago

0.0.89-beta.9

5 years ago

0.0.89-beta.8

5 years ago

0.0.89-beta.7

5 years ago

0.0.89-beta.6

5 years ago

0.0.89-beta.5

5 years ago

0.0.89-beta.4

5 years ago

0.0.89-beta.3

5 years ago

0.0.89-beta.2

5 years ago

0.0.89-beta.1

5 years ago

0.0.89-beta.0

5 years ago

0.0.95

5 years ago

0.0.96

5 years ago

0.0.94

5 years ago

0.0.92

5 years ago

0.0.93

5 years ago

0.0.91

5 years ago

0.0.90

5 years ago

0.0.89

5 years ago

0.0.88

5 years ago

0.0.87

6 years ago

0.0.86

6 years ago

0.0.85

6 years ago

0.0.84

6 years ago

0.0.83

6 years ago

0.0.82

6 years ago

0.0.80

6 years ago

0.0.81

6 years ago

0.0.78

6 years ago

0.0.79

6 years ago

0.0.77

6 years ago

0.0.76

6 years ago

0.0.74

6 years ago

0.0.75

6 years ago

0.0.73

6 years ago

0.0.71

6 years ago

0.0.72

6 years ago

0.0.70

6 years ago

0.0.66

6 years ago

0.0.67

6 years ago

0.0.68

6 years ago

0.0.64

6 years ago

0.0.65

6 years ago

0.0.63

6 years ago

0.0.62

6 years ago

0.0.61

6 years ago

0.0.60

6 years ago

0.0.59

6 years ago

0.0.58

6 years ago

0.0.55

6 years ago

0.0.56

6 years ago

0.0.57

6 years ago

0.0.54

6 years ago

0.0.52

6 years ago

0.0.53

6 years ago

0.0.51

6 years ago

0.0.50

6 years ago

0.0.49

6 years ago

0.0.48

6 years ago

0.0.47

6 years ago

0.0.46

6 years ago

0.0.45

6 years ago

0.0.44

6 years ago

0.0.43

6 years ago

0.0.40

6 years ago

0.0.41

6 years ago

0.0.42

6 years ago

0.0.39

6 years ago

0.0.38

6 years ago

0.0.37

6 years ago

0.0.32

6 years ago

0.0.33

6 years ago

0.0.34

6 years ago

0.0.35

6 years ago

0.0.36

6 years ago

0.0.31

6 years ago

0.0.30

6 years ago

0.0.29

6 years ago

0.0.27

6 years ago

0.0.28

6 years ago

0.0.25

6 years ago

0.0.26

6 years ago

0.0.24

6 years ago

0.0.22

6 years ago

0.0.23

6 years ago

0.0.21

6 years ago

0.0.20

6 years ago

0.0.17

6 years ago

0.0.18

6 years ago

0.0.19

6 years ago

0.0.16

6 years ago

0.0.15

6 years ago

0.0.14

6 years ago

0.0.13

6 years ago