@odx/websites-react NPM

ODX Website React Component Library

General

ODX Website React Component Library based on Tailwind.

Installation 🚀

Install package: pnpm add -D @odx/websites-react
Install odxwebsite ui package: pnpm add -D @odx/websites-ui
Install peer dependency: pnpm add -D tailwindcss
Init tailwind: npx tailwindcss init
Add odxwebsite ui tailwind preset and import the content module in your content configuration to prevent Tailwind from purging its styles:

import preset from '@odx/websites-ui/tailwind';
import content from '@odx/websites-react/tailwind-lib-content';

/** @type {import('tailwindcss').Config} */
module.exports = {
  presets: [require('@odx/websites-ui/tailwind')],
  content: [...content],
  theme: {
    extend: {},
  },
  plugins: [],
};

Import the global styles including the @tailwind directives for each of Tailwind’s layers to your main CSS file. You can import the Global styles in your main JS file like this:

import '@odx/websites-ui/style';

Usage

The React package is a collection of React components that are structured with the following entry points:

@odx/websites-react/components - General components
@odx/websites-react/web - Dräger Website specific components
@odx/websites-react/hooks- React hooks

You can import and use components like this in your project:

import {Button} from '@odx/websites-react/components';

Live demo ⭐

Please refer to our Storybook, to see the components in action and to get further information.

Technologies

5 months ago

5 months ago

5 months ago

8 months ago

8 months ago

8 months ago

5 months ago

7 months ago

5 months ago

7 months ago

5 months ago

7 months ago

5 months ago

7 months ago

5 months ago

5 months ago

7 months ago

5 months ago

7 months ago

5 months ago

7 months ago

5 months ago

5 months ago

7 months ago

5 months ago

7 months ago

7 months ago

7 months ago

5 months ago

7 months ago

5 months ago

7 months ago

7 months ago

7 months ago

8 months ago

8 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

6 months ago

6 months ago

6 months ago

8 months ago

8 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

6 months ago

8 months ago

5 months ago

8 months ago

5 months ago

8 months ago

5 months ago

8 months ago

5 months ago

8 months ago

11 months ago

11 months ago

11 months ago

12 months ago

11 months ago

11 months ago

11 months ago

9 months ago

9 months ago

10 months ago

10 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

8 months ago

8 months ago

9 months ago

9 months ago

12 months ago

12 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

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago