Kampmann Component Library

Kampmann Component Library built with React + TypeScript + Vite.

Welcome to the Kampmann Component Library! This library provides a set of reusable and customizable components to accelerate your development process and ensure consistency across your React applications.

Caution: this is a very early state, don't use in production. Just for testing purposes.

Table of Contents

• Installation
• Usage
• Components
• Customization

Installation

To install the library, run the following command:

npm install kampmann-component-library

or, if you prefer using Yarn:

yarn add kampmann-component-library

Usage

To use the components in your application, import them as needed:

import React from 'react'
import { Headline, Button, Input, List } from 'kampmann-component-library'

const listItems = [{ value: 'Hi' }, { value: 'Hello' }, { value: 'Hey' }]

const App = () => (
  <div>
    <Headline className='text-primary'>Willkommen bei der Kampmann Lib</Headline>
    <Button className='max-w-[200px]'>Click me</Button>
    <List type='ol' variant='number' items={listItems} />
    <Input id='test' type='search' icon='search' labelValue='Jetzt suchen' placeholder='Jetzt suchen' />
  </div>
)

export default App

Components

TBA.

Customization

TBA.