Components

screenshot of Components
react

Digital Product Platform (DPP) – Sass + React components for Deutsche Bahn products

Overview

The DB React components are a set of React components designed to help developers build fast and accessible websites and applications in the style of Deutsche Bahn AG. These components provide a consistent look and feel, making it easier for developers to create a cohesive user experience. The components are supported by comprehensive documentation and are actively maintained by the Deutsche Bahn team.

Features

  • Fast and accessible React components
  • Designed to match the look and feel of Deutsche Bahn AG
  • Comprehensive documentation for all available components
  • Interactive Logo and Pulse creator with code generator
  • Accessibility features included by default

Summary

The DB React components provide a collection of reusable and accessible React components that adhere to the design standards of Deutsche Bahn AG. These components can be easily installed and integrated into your project, allowing you to quickly build websites and applications with a consistent look and feel. The components also come with comprehensive documentation and dedicated support from the Deutsche Bahn team.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

ui-kit
UI Kits & Components

A UI kit provides developers with a set of reusable components that can be easily integrated into a website or application. These components are pre-designed with consistent styling and functionality, allowing developers to save time and effort in the design and development process. UI kits can be either custom-built or third-party, and often include components for buttons, forms, typography, icons, and more.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.