@t3n/components NPM

@t3n/components

To use this package, please install the following packages in your existing React App project:

npm install @t3n/components @t3n/theme

After that you can use the exported components of the packages.

First you need to wrap your App with the ThemeProvider-Component that is exported by styled-components and supply the @t3n/theme as a prop.

Your app component could look similar to this:

import { ThemeProvider } from 'styled-components';
import { theme } from '@t3n/theme';

const App = ({ children }) => {
  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
};

export default App;

Now you can use all components provided by @t3n/components and shown in @t3n/storybook inside your App.

Furthermore you are able to use our Design System for styling components. That could look like this:

import styled, { css } from 'styled-components';
import { color, space } from 'styled-system';
import { Card } from '@t3n/components';

const BackgroundCard = styled(Card)`
  ${({ theme }) => color({ theme, bg: 'background.secondary' })};
  ${({ theme }) => space({ theme, p: 3 })};
`;

@chakra-ui/system btoa framer-motion polished react-autosuggest react-select react-slick styled-system use-debounce

@infinitebrahmanuniverse/nolb-_t3 @everything-registry/sub-chunk-891 @t3n/storybook @zalastax/nolb-_t3

4 months ago

4 months ago

5 months ago

5 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

7 months ago

6 months ago

6 months ago

7 months ago

8 months ago

8 months ago

8 months ago

0.8.34-prerelease-e464e03b4f.0

11 months ago

11 months ago

11 months ago

10 months ago

11 months ago

12 months ago

1 year ago

9 months ago

10 months ago

9 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.7.33-prerelease-818dc2c0ea.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.7.35-prerelease-818dc2c0ea.0

2 years ago

0.8.10

2 years ago

0.7.34-prerelease-818dc2c0ea.0

2 years ago

0.7.32-prerelease-818dc2c0ea.0

2 years ago

0.7.30

2 years ago

0.7.31-prerelease-818dc2c0ea.0

2 years ago

0.7.30-prerelease-818dc2c0ea.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago