19.0.0 • Published 6 months ago

@timechimp/tacugama v19.0.0

Weekly downloads
962
License
MIT
Repository
github
Last release
6 months ago

Tacugama

React components for a seamless integration with the TimeChimp UI

npm version CI

1. Installation

$ npm install @timechimp/tacugama

2. Getting started

CSR (Client-side Rendering)

Wrap your app with the Tacugama ThemeProvider

import { App } from './App';
import { ThemeProvider } from '@timechimp/tacugama';

ReactDOM.render(
      <ThemeProvider>
        <App />
      </ThemeProvider>,
    document.getElementById('root'),
  );

Use Tacugama components in your app

import { Avatar } from '@timechimp/tacugama';

export const App = () => (
    <>
        <Avatar name="John Doe" />
    </>
);

SSR (Server-side Rendering) with Next.js

Step 1

Create a custom _app.jsx and wrap the Component with the Tacugama ThemeProvider

import { ThemeProvider } from '@timechimp/tacugama';

function MyApp({ Component, pageProps }) {
  return (
    <>
      <ThemeProvider>
        <Component {...pageProps} />
      </ThemeProvider>
    </>
  )
}

export default MyApp

Step 2

Create a custom _document.jsx and set it up as follows:

import Document, { Html, Head, Main, NextScript } from 'next/document';
import { StyletronProvider, styletron } from '@timechimp/tacugama';


class MyDocument extends Document {
  static getInitialProps(props) {
    const page = props.renderPage((App) => (props) => (
      <StyletronProvider value={styletron}>
        <App {...props} />
      </StyletronProvider>
    ))
    const stylesheets = styletron.getStylesheets() || []
    return { ...page, stylesheets }
  }

  render() {
    return (
      <Html>
        <Head>
          {this.props.stylesheets.map((sheet, i) => (
            <style
              className="_styletron_hydrate_"
              dangerouslySetInnerHTML={{ __html: sheet.css }}
              media={sheet.attrs.media}
              data-hydrate={sheet.attrs['data-hydrate']}
              key={i}
            />
          ))}
        </Head>
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

export default MyDocument;

For all available components check out the Tacugama Storybook

19.0.0

6 months ago

18.2.2

7 months ago

18.2.1

7 months ago

18.2.0

7 months ago

18.1.0

9 months ago

18.0.1

10 months ago

18.0.0

10 months ago

17.1.1

10 months ago

17.1.0

10 months ago

15.0.3

1 year ago

15.0.4

1 year ago

16.1.1

10 months ago

17.0.3

10 months ago

17.0.2

10 months ago

17.0.5

10 months ago

17.0.4

10 months ago

17.0.1

10 months ago

17.0.0

10 months ago

15.1.1

1 year ago

15.1.2

1 year ago

15.1.0

1 year ago

15.1.5

12 months ago

15.1.6

12 months ago

15.1.3

1 year ago

15.1.4

1 year ago

15.1.7

12 months ago

15.1.8

12 months ago

15.2.0

12 months ago

16.0.2

11 months ago

16.0.1

11 months ago

16.0.0

11 months ago

16.0.4

11 months ago

16.0.3

11 months ago

15.0.2

1 year ago

15.0.1

1 year ago

14.3.1

1 year ago

14.3.0

1 year ago

14.2.0

1 year ago

14.0.1

1 year ago

13.10.0

1 year ago

14.0.0

1 year ago

13.9.2

1 year ago

13.9.1

1 year ago

13.9.0

1 year ago

13.8.6

1 year ago

13.8.5

1 year ago

13.8.4

1 year ago

13.8.2

1 year ago

13.8.3

1 year ago

13.8.1

1 year ago

13.8.0

1 year ago

13.7.1

1 year ago

13.7.2

1 year ago

13.7.0

1 year ago

13.6.0

1 year ago

14.0.0-beta.0

1 year ago

13.5.0

1 year ago

13.4.5

1 year ago

13.4.4

1 year ago

14.0.0-beta.2

1 year ago

14.0.0-beta.1

1 year ago

13.4.2

1 year ago

13.4.3

1 year ago

13.4.1

2 years ago

13.4.0

2 years ago

13.3.1

2 years ago

13.3.0

2 years ago

13.2.2

2 years ago

13.2.0

2 years ago

13.2.1

2 years ago

13.1.6

2 years ago

13.1.5

2 years ago

10.0.5

2 years ago

9.8.2

2 years ago

10.0.6

2 years ago

9.8.1

2 years ago

10.0.7

2 years ago

9.8.0

2 years ago

10.0.8

2 years ago

10.0.9

2 years ago

9.8.8

2 years ago

10.0.0

2 years ago

9.8.7

2 years ago

10.0.1

2 years ago

9.8.6

2 years ago

10.0.2

2 years ago

9.8.5

2 years ago

10.0.3

2 years ago

9.8.4

2 years ago

10.0.4

2 years ago

9.8.3

2 years ago

10.0.10

2 years ago

10.2.0

2 years ago

10.2.1

2 years ago

10.2.2

2 years ago

11.0.2

2 years ago

11.0.0

2 years ago

11.0.1

2 years ago

10.1.0

2 years ago

10.1.1

2 years ago

10.1.2

2 years ago

10.1.3

2 years ago

9.4.0

2 years ago

8.1.11

2 years ago

8.1.10

2 years ago

12.0.3

2 years ago

8.1.13

2 years ago

8.1.12

2 years ago

8.1.14

2 years ago

12.0.0

2 years ago

12.0.1

2 years ago

12.0.2

2 years ago

11.2.0

2 years ago

9.5.0

2 years ago

13.0.8

2 years ago

13.0.9

2 years ago

13.0.6

2 years ago

13.0.7

2 years ago

13.0.4

2 years ago

13.0.5

2 years ago

13.0.2

2 years ago

13.0.3

2 years ago

13.0.0

2 years ago

13.0.1

2 years ago

11.1.5

2 years ago

11.1.6

2 years ago

11.1.3

2 years ago

11.1.4

2 years ago

11.1.7

2 years ago

11.1.1

2 years ago

11.1.2

2 years ago

11.1.0

2 years ago

9.6.2

2 years ago

9.6.1

2 years ago

9.6.0

2 years ago

12.2.1

2 years ago

12.2.0

2 years ago

9.7.3

2 years ago

9.7.2

2 years ago

9.7.1

2 years ago

9.7.0

2 years ago

9.7.9

2 years ago

9.7.8

2 years ago

9.7.7

2 years ago

9.7.6

2 years ago

9.7.5

2 years ago

9.7.4

2 years ago

9.1.7

2 years ago

9.1.6

2 years ago

9.1.5

2 years ago

9.1.4

2 years ago

9.1.3

2 years ago

9.1.2

2 years ago

9.0.2

2 years ago

9.0.1

2 years ago

9.0.0

2 years ago

9.2.1

2 years ago

13.1.3

2 years ago

13.1.4

2 years ago

13.1.1

2 years ago

13.1.2

2 years ago

13.1.0

2 years ago

13.0.10

2 years ago

13.0.11

2 years ago

13.0.12

2 years ago

13.0.13

2 years ago

13.0.14

2 years ago

13.0.15

2 years ago

13.0.16

2 years ago

13.0.17

2 years ago

9.1.1

2 years ago

13.0.18

2 years ago

9.1.0

2 years ago

13.0.19

2 years ago

9.3.0

2 years ago

9.2.0

2 years ago

13.0.20

2 years ago

8.1.8

2 years ago

8.1.7

2 years ago

9.7.10

2 years ago

8.1.9

2 years ago

9.7.12

2 years ago

9.7.11

2 years ago

8.1.6

2 years ago

9.7.13

2 years ago

8.1.5

2 years ago

8.1.4

2 years ago

8.1.2

2 years ago

8.1.3

2 years ago

8.1.0

2 years ago

8.1.1

2 years ago

8.0.9

2 years ago

8.0.8

2 years ago

8.0.5

2 years ago

8.0.7

2 years ago

8.0.6

2 years ago

8.0.4

2 years ago

8.0.3

2 years ago

8.0.2

2 years ago

6.0.1

2 years ago

6.0.0

2 years ago

6.1.6

2 years ago

6.1.5

2 years ago

6.1.7

2 years ago

7.3.1

2 years ago

7.3.0

2 years ago

7.4.4

2 years ago

7.4.3

2 years ago

7.4.2

2 years ago

7.4.1

2 years ago

7.4.0

2 years ago

6.1.0

2 years ago

6.1.2

2 years ago

6.1.1

2 years ago

6.1.4

2 years ago

6.1.3

2 years ago

6.2.0

2 years ago

7.0.0

2 years ago

7.0.1

2 years ago

6.3.0

2 years ago

7.1.0

2 years ago

7.2.4

2 years ago

7.2.3

2 years ago

6.4.1

2 years ago

6.4.0

2 years ago

7.2.2

2 years ago

7.2.1

2 years ago

7.2.0

2 years ago

7.3.5

2 years ago

7.3.4

2 years ago

7.3.3

2 years ago

7.3.2

2 years ago

7.3.9

2 years ago

7.3.8

2 years ago

7.3.7

2 years ago

7.3.6

2 years ago

8.0.1

2 years ago

8.0.0

2 years ago

6.0.0-beta.3

2 years ago

6.0.0-beta.0

2 years ago

6.0.0-beta.1

2 years ago

6.0.0-beta.2

2 years ago

5.6.7

2 years ago

5.6.6

2 years ago

5.6.5

2 years ago

5.7.4

2 years ago

5.7.3

2 years ago

5.7.2

2 years ago

5.7.1

2 years ago

5.7.0

2 years ago

5.0.11

2 years ago

5.0.12

2 years ago

5.0.13

2 years ago

5.0.14

2 years ago

5.0.15

2 years ago

5.1.5

2 years ago

5.1.4

2 years ago

5.1.3

2 years ago

5.1.2

2 years ago

5.1.1

2 years ago

5.1.0

2 years ago

5.2.9

2 years ago

5.2.8

2 years ago

5.2.7

2 years ago

5.2.6

2 years ago

5.2.5

2 years ago

5.2.4

2 years ago

5.2.3

2 years ago

5.2.2

2 years ago

5.2.1

2 years ago

5.2.0

2 years ago

5.3.1

2 years ago

5.3.0

2 years ago

5.4.1

2 years ago

5.4.0

2 years ago

5.5.1

2 years ago

5.5.0

2 years ago

5.6.4

2 years ago

5.6.3

2 years ago

5.6.2

2 years ago

5.6.1

2 years ago

5.6.0

2 years ago

5.0.9

2 years ago

5.0.8

2 years ago

5.0.7

2 years ago

5.0.10

2 years ago

5.0.6

2 years ago

5.0.5

2 years ago

5.0.4

2 years ago

5.0.3

2 years ago

5.0.2

2 years ago

5.0.1

2 years ago

5.0.0

2 years ago

4.6.1

2 years ago

4.6.0

2 years ago

5.0.1-next

2 years ago

4.6.3

2 years ago

4.6.2

2 years ago

4.6.5

2 years ago

4.6.4

2 years ago

3.3.9

3 years ago

4.0.1

3 years ago

4.0.0

3 years ago

4.0.3

3 years ago

4.0.2

3 years ago

4.0.0-beta.8

3 years ago

4.0.0-beta.7

3 years ago

4.0.0-beta.6

3 years ago

4.0.0-beta.5

3 years ago

4.0.0-beta.4

3 years ago

4.0.0-beta.3

3 years ago

4.0.0-beta.2

3 years ago

4.0.0-beta.1

3 years ago

4.0.0-beta.9

3 years ago

4.4.0

2 years ago

4.3.2

2 years ago

4.3.1

2 years ago

4.3.4

2 years ago

4.3.3

2 years ago

4.3.0

2 years ago

4.3.9

2 years ago

4.3.6

2 years ago

4.3.5

2 years ago

4.3.8

2 years ago

4.3.7

2 years ago

3.4.0

3 years ago

3.4.2

3 years ago

3.4.1

3 years ago

4.2.3

2 years ago

4.2.2

2 years ago

4.2.1

2 years ago

4.2.0

2 years ago

4.1.0

3 years ago

4.1.1

3 years ago

4.5.0

2 years ago

4.5.1

2 years ago

4.3.10

2 years ago

4.0.0-beta.15

3 years ago

4.0.0-beta.14

3 years ago

4.0.0-beta.17

3 years ago

4.0.0-beta.16

3 years ago

4.0.0-beta.11

3 years ago

4.0.0-beta.10

3 years ago

4.0.0-beta.13

3 years ago

4.0.0-beta.12

3 years ago

3.3.0-beta.2

3 years ago

3.3.0-beta.1

3 years ago

3.3.0-beta.4

3 years ago

3.3.0-beta.3

3 years ago

3.3.0-beta.5

3 years ago

3.3.8

3 years ago

3.3.7

3 years ago

3.3.6

3 years ago

3.2.2

3 years ago

3.2.1

3 years ago

3.2.0

3 years ago

3.0.0-beta.1

3 years ago

3.1.3

3 years ago

3.1.2

3 years ago

3.1.1

3 years ago

3.1.0

3 years ago

3.1.7

3 years ago

3.1.6

3 years ago

3.1.5

3 years ago

3.1.4

3 years ago

3.0.3

3 years ago

3.0.2

3 years ago

3.0.1

3 years ago

3.0.0

3 years ago

3.3.1

3 years ago

3.3.5

3 years ago

3.3.4

3 years ago

3.3.3

3 years ago

3.3.2

3 years ago

2.0.0-beta.51

3 years ago

2.0.0-beta.50

3 years ago

2.0.0-beta.55

3 years ago

2.0.0-beta.54

3 years ago

2.0.0-beta.53

3 years ago

2.0.0-beta.52

3 years ago

2.0.0-beta.57

3 years ago

2.0.0-beta.56

3 years ago

2.0.0-beta.48

3 years ago

2.0.0-beta.47

3 years ago

2.0.0-beta.46

3 years ago

2.0.0-beta.45

3 years ago

2.0.0-beta.49

3 years ago

2.0.0-beta.40

3 years ago

2.0.0-beta.44

3 years ago

2.0.0-beta.43

3 years ago

2.0.0-beta.42

3 years ago

2.0.0-beta.41

3 years ago

2.0.0-beta.37

3 years ago

2.0.0-beta.39

3 years ago

2.0.0-beta.38

3 years ago

2.0.0-beta.33

3 years ago

2.0.0-beta.32

3 years ago

2.0.0-beta.31

3 years ago

2.0.0-beta.30

3 years ago

2.0.0-beta.36

3 years ago

2.0.0-beta.35

3 years ago

2.0.0-beta.34

3 years ago

2.0.0-beta.22

3 years ago

2.0.0-beta.21

3 years ago

2.0.0-beta.20

3 years ago

2.0.0-beta.26

3 years ago

2.0.0-beta.25

3 years ago

2.0.0-beta.24

3 years ago

2.0.0-beta.23

3 years ago

2.0.0-beta.29

3 years ago

2.0.0-beta.28

3 years ago

2.0.0-beta.27

3 years ago

2.0.0-beta.19

3 years ago

2.0.0-beta.18

3 years ago

2.0.0-beta.17

3 years ago

1.10.3

3 years ago

1.10.2

3 years ago

1.10.1

3 years ago

1.10.0

3 years ago

2.0.0-next

3 years ago

2.0.0-beta.9

3 years ago

2.0.0-beta.8

3 years ago

2.0.0-beta.7

3 years ago

2.0.0-beta.2

3 years ago

2.0.0-beta.1

3 years ago

2.0.0-beta.6

3 years ago

2.0.0-beta.5

3 years ago

2.0.0-beta.4

3 years ago

2.0.0-beta.3

3 years ago

2.0.0-beta.11

3 years ago

2.0.0-beta.10

3 years ago

2.0.0-beta.15

3 years ago

2.0.0-beta.14

3 years ago

2.0.0-beta.13

3 years ago

2.0.0-beta.12

3 years ago

2.0.0-beta.16

3 years ago

1.9.18

3 years ago

1.9.17

3 years ago

1.9.16

3 years ago

1.9.15

3 years ago

1.9.14

3 years ago

1.9.13

3 years ago

1.9.12

3 years ago

1.9.11

3 years ago

1.9.10

3 years ago

1.9.9

3 years ago

1.9.1

3 years ago

1.9.0

3 years ago

1.9.8

3 years ago

1.9.6

3 years ago

1.9.5

3 years ago

1.9.3

3 years ago

1.9.2

3 years ago

1.8.5

3 years ago

1.8.3

3 years ago

1.6.4

3 years ago

1.6.3

3 years ago

1.6.2

3 years ago

1.6.0

3 years ago

1.7.7

3 years ago

1.7.6

3 years ago

1.7.5

3 years ago

1.7.4

3 years ago

1.5.0

3 years ago

1.6.8

3 years ago

1.6.7

3 years ago

1.6.6

3 years ago

1.6.5

3 years ago

1.4.0

3 years ago

1.3.5

3 years ago

1.8.2

3 years ago

1.8.1

3 years ago

1.8.0

3 years ago

1.7.3

3 years ago

1.7.2

3 years ago

1.7.1

3 years ago

1.7.0

3 years ago

1.3.4

4 years ago

1.3.3

4 years ago

1.3.2

4 years ago

1.3.1

4 years ago

1.3.0

4 years ago

1.2.0

4 years ago

1.2.1

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

0.30.20

4 years ago

0.30.26

4 years ago

0.30.28

4 years ago

0.30.10

4 years ago

0.30.11

4 years ago

0.30.13

4 years ago

0.30.15

4 years ago

0.30.16

4 years ago

0.30.17

4 years ago

0.30.19

4 years ago

1.0.9

4 years ago

1.0.8

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

0.29.6

4 years ago

0.29.5

4 years ago

0.29.3

4 years ago

0.29.1

4 years ago

0.30.9

4 years ago

0.30.6

4 years ago

0.30.2

4 years ago

0.30.0

4 years ago

0.29.0

4 years ago

0.28.0

4 years ago

0.28.2

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago

0.27.2

4 years ago

0.27.1

4 years ago

0.27.0

4 years ago

0.25.9

4 years ago

0.25.8

4 years ago

0.26.3

4 years ago

0.26.2

4 years ago

0.26.1

4 years ago

0.26.0

4 years ago

0.26.9

4 years ago

0.26.8

4 years ago

0.26.7

4 years ago

0.26.6

4 years ago

0.26.4

4 years ago

0.25.4

4 years ago

0.25.7

4 years ago

0.25.3

4 years ago

0.25.2

4 years ago

0.25.1

4 years ago

0.25.0

4 years ago

0.24.14

4 years ago

0.24.13

4 years ago

0.24.12

4 years ago

0.24.11

4 years ago

0.24.10

4 years ago

0.24.9

4 years ago

0.24.8

4 years ago

0.24.5

4 years ago

0.24.7

4 years ago

0.24.6

4 years ago

0.24.4

4 years ago

0.24.3

4 years ago

0.24.2

4 years ago

0.23.24

4 years ago

0.23.23

4 years ago

0.23.20

4 years ago

0.23.22

4 years ago

0.23.21

4 years ago

0.23.19

4 years ago

0.24.1

4 years ago

0.24.0

4 years ago

0.23.18

4 years ago

0.23.17

4 years ago

0.23.16

4 years ago

0.23.15

4 years ago

0.23.14

4 years ago

0.23.13

4 years ago

0.23.12

4 years ago

0.23.11

4 years ago

0.23.10

4 years ago

0.23.9

4 years ago

0.23.8

4 years ago

0.23.7

4 years ago

0.23.6

4 years ago

0.23.5

4 years ago

0.23.4

4 years ago

0.23.3

4 years ago

0.23.2

4 years ago

0.22.5

4 years ago

0.23.0

4 years ago

0.20.1

4 years ago

0.20.0

4 years ago

0.21.2

4 years ago

0.21.1

4 years ago

0.21.0

4 years ago

0.22.4

4 years ago

0.22.3

4 years ago

0.22.0

4 years ago

0.19.0

4 years ago

0.20.6

4 years ago

0.20.5

4 years ago

0.20.3

4 years ago

0.20.2

4 years ago

0.18.17

4 years ago

0.18.16

4 years ago

0.17.8

4 years ago

0.18.9

4 years ago

0.18.1

4 years ago

0.18.2

4 years ago

0.18.3

4 years ago

0.18.4

4 years ago

0.18.5

4 years ago

0.18.6

4 years ago

0.18.7

4 years ago

0.18.8

4 years ago

0.18.0

4 years ago

0.18.11

4 years ago

0.18.10

4 years ago

0.18.13

4 years ago

0.18.12

4 years ago

0.18.15

4 years ago

0.18.14

4 years ago

0.17.6

4 years ago

0.17.7

4 years ago

0.17.4

4 years ago

0.17.5

4 years ago

0.17.3

4 years ago

0.17.2

4 years ago

0.17.0

4 years ago

0.17.1

4 years ago

0.16.4

4 years ago

0.16.3

4 years ago

0.16.2

4 years ago

0.16.1

4 years ago

0.16.0

4 years ago

0.15.0

4 years ago

0.14.5

4 years ago

0.14.4

4 years ago

0.14.3

4 years ago

0.14.2

4 years ago

0.14.0

4 years ago

0.14.1

4 years ago

0.13.4

4 years ago

0.13.5

4 years ago

0.13.2

4 years ago

0.13.3

4 years ago

0.13.1

4 years ago

0.13.0

4 years ago

0.12.4

4 years ago

0.12.5

4 years ago

0.12.6

4 years ago

0.12.3

4 years ago

0.12.2

4 years ago

0.12.0

4 years ago

0.12.1

4 years ago

0.11.5

4 years ago

0.11.6

4 years ago

0.11.3

4 years ago

0.11.4

4 years ago

0.11.0

4 years ago

0.11.1

4 years ago

0.11.2

4 years ago

0.10.5

4 years ago

0.10.3

4 years ago

0.10.4

4 years ago

0.10.2

4 years ago

0.10.1

4 years ago

0.10.0

4 years ago

0.9.0

4 years ago

0.8.1

4 years ago

0.8.0

4 years ago

0.7.8

4 years ago

0.7.6

4 years ago

0.7.7

4 years ago

0.7.5

4 years ago

0.7.4

4 years ago

0.7.3

4 years ago

0.7.2

4 years ago

0.7.1

4 years ago

0.7.0

4 years ago

0.6.3

4 years ago

0.6.2

4 years ago

0.6.1

4 years ago

0.6.0

4 years ago

0.5.14

4 years ago

0.5.15

4 years ago

0.5.13

4 years ago

0.5.12

4 years ago

0.5.10

4 years ago

0.5.11

4 years ago

0.5.9

4 years ago

0.5.8

4 years ago

0.5.6

4 years ago

0.5.5

4 years ago

0.5.4

4 years ago

0.5.3

4 years ago

0.5.2

4 years ago

0.5.1

4 years ago

0.5.0

4 years ago

0.4.30

4 years ago

0.4.28

4 years ago

0.4.29

4 years ago

0.4.27

4 years ago

0.4.26

4 years ago

0.4.25

4 years ago

0.4.24

4 years ago

0.4.22

4 years ago

0.4.23

4 years ago

0.4.21

5 years ago

0.4.20

5 years ago

0.4.19

5 years ago

0.4.18-3

5 years ago

0.4.18

5 years ago

0.4.18-2

5 years ago

0.4.18-1

5 years ago

0.4.18-0

5 years ago

0.4.17

5 years ago

0.4.16

5 years ago

0.4.15

5 years ago

0.4.13

5 years ago

0.4.14

5 years ago

0.4.12

5 years ago

0.4.11

5 years ago

0.4.10

5 years ago

0.4.9

5 years ago

0.4.8

5 years ago

0.4.7

5 years ago

0.4.6

5 years ago

0.4.5

5 years ago

0.4.4

5 years ago

0.4.1

5 years ago

0.4.3

5 years ago

0.4.2

5 years ago

0.4.0

5 years ago

0.3.8

5 years ago

0.3.6

5 years ago

0.3.7

5 years ago

0.3.5

5 years ago

0.3.4

5 years ago

0.3.3

5 years ago

0.3.2

5 years ago

0.3.0

5 years ago

0.3.1

5 years ago

0.2.0

5 years ago

0.1.3

5 years ago

0.1.2

5 years ago