dibk-design

Shared components for DIBK applications

8.0.1

npm

Version published: 3 months ago

Weekly downloads: 45

Maintainers: 3

Weekly downloads

Created: 7 years ago

Source

DIBK design

Shared components for DIBK applications

How To Run Locally

$ pnpm install
$ pnpm run build
$ pnpm run storybook

Use with Next.js

Create a client-based Provider for the ThemeProvider:

'use client';
import React from 'react';
import { ThemeProvider } from 'dibk-design';

const Providers = ({
  children,
}: Readonly<{
  children: React.ReactNode,
}>) => {
  return <ThemeProvider injectToBody>{children}</ThemeProvider>;
};

export default Providers;

Import the Provider to your RootLayout

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode,
}>) {
  return (
    <html lang="en">
      <body>
        <Providers>{children}</Providers>
      </body>
    </html>
  );
}

Import component from the library into your client pages

"use client"
import React from 'react'
import { Button } from 'dibk-design'

const Home = () => {
  return (
    <main>
      <Button onClick={()=>{void}} size="small" color="primary" content="Button">
          I'm a button
      </Button>
    </div>
  )
}

export default Home

FAQs

What is dibk-design?

Is dibk-design popular?

Is dibk-design well maintained?

Package last updated on 22 May 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install