|
@dt-dds/fonts
|
DT-DDS Design System Fonts |
MIT |
0
greenflagged
/ 9 total
|
|
@dt-dds/icons
|
The Icons Package simplifies the process of integrating Material Icons into the different applications, providing a convenient way to enhance the visual appeal of your user interface with a wide variety of icons. |
MIT |
0
greenflagged
/ 4 total
|
|
@dt-dds/react
|
This package is responsible for importing and exposing all the single components under react-packages. This makes it possible to import all the components react-packages as a single dependency library in your project (e.g. `"@dt-dds/react": "*"`) |
MIT |
0
greenflagged
/ 87 total
|
|
@dt-dds/react-accordion
|
An accordion is a vertically stacked list of headers that reveal or hide associated sections of content. |
MIT |
0
greenflagged
/ 23 total
|
|
@dt-dds/react-app-header
|
AppHeader is a flexible compound component that provides a complete application header with support for multiple layouts, responsive behavior, and customizable sections including logo, app name, navigation, and action buttons. |
MIT |
0
greenflagged
/ 46 total
|
|
@dt-dds/react-avatar
|
Avatars can be used to display circular user profile in user menu, tables etc. |
MIT |
0
greenflagged
/ 25 total
|
|
@dt-dds/react-backdrop
|
Backdrops can be used when an application is being loaded or when the user opens a modal. |
MIT |
0
greenflagged
/ 20 total
|
|
@dt-dds/react-box
|
<!-- temp: fix publish version bump, drop comment afterwards --> |
MIT |
0
greenflagged
/ 67 total
|
|
@dt-dds/react-breadcrumb
|
This component allows the user to configure its history navigation using breadcrumbs |
MIT |
0
greenflagged
/ 24 total
|
|
@dt-dds/react-button
|
This component allows the user to take action, by clicking on it. |
MIT |
0
greenflagged
/ 69 total
|
|
@dt-dds/react-card
|
Cards contains content and actions about a single subject. |
MIT |
0
greenflagged
/ 20 total
|
|
@dt-dds/react-checkbox
|
A checkbox toggles between checked and unchecked states, enabling users to make binary choices in forms and settings. |
MIT |
0
greenflagged
/ 26 total
|
|
@dt-dds/react-core
|
The Core Package provides a centralized collection of shared utilities, hooks, components, constants and types. This package is designed to enhance the development experience by promoting code reusability and maintaining consistency across various compone |
MIT |
0
greenflagged
/ 20 total
|
|
@dt-dds/react-date-picker
|
Date picker enables users to input or choose a particular date or a range of dates. They typically appear in forms and modal windows. |
MIT |
0
greenflagged
/ 71 total
|
|
@dt-dds/react-divider
|
This package defines a divider between components |
MIT |
0
greenflagged
/ 20 total
|
|
@dt-dds/react-drawer
|
A drawer is a component that slides in from the side of the screen. It is typically used to display additional content, such as a detail view or a list of options. |
MIT |
0
greenflagged
/ 23 total
|
|
@dt-dds/react-dropdown
|
The Dropdown Menu provides the users with a box that can receive any content. It also provides an Option component. |
MIT |
0
greenflagged
/ 72 total
|
|
@dt-dds/react-empty-state
|
This package fills the width of the container where is placed and its height varies depending on the content in it. The usage of this package is to show a message to the user when there is no data to display. Furthermore, it can be used to show additional |
MIT |
0
greenflagged
/ 74 total
|
|
@dt-dds/react-form
|
The Form component is used to gather user input and submit it to the backend. It supports various form controls and can group multiple fields using Form.Group. Each group can have a title, be disabled, and include a tooltip for extra information. The form |
MIT |
0
greenflagged
/ 30 total
|
|
@dt-dds/react-icon
|
This package provides a customizable and stylized Icon component for use in React applications. |
MIT |
0
greenflagged
/ 23 total
|
|
@dt-dds/react-icon-button
|
This component allows the user to take action by clicking on an Icon. It is a flexible button component that renders an icon and can be composed with any child element through CSS overrides for advanced styling customization. |
MIT |
0
greenflagged
/ 22 total
|
|
@dt-dds/react-label-field
|
The `<label>` represents a caption for an item in a user interface. |
MIT |
0
greenflagged
/ 25 total
|
|
@dt-dds/react-link
|
The link component is used as a navigational element to navigate users to another location and it allows to easily customize anchor elements. |
MIT |
0
greenflagged
/ 70 total
|
|
@dt-dds/react-message
|
This component fills the width of the container where is placed and its height varies depending on the content in it. The usage of this component is to show a message to call attention to something, be it useful information or a warning message. They shou |
MIT |
0
greenflagged
/ 71 total
|
|
@dt-dds/react-modal
|
This package appears in front of the app content to provide critical information or ask for a decision. |
MIT |
0
greenflagged
/ 71 total
|
|
@dt-dds/react-pagination
|
The Pagination component provides page navigation with optional items-per-page selection and item count information. |
MIT |
0
greenflagged
/ 30 total
|
|
@dt-dds/react-progress-bar
|
The progress bar works as a progress indicator to inform users about the status of ongoing processes. |
MIT |
0
greenflagged
/ 23 total
|
|
@dt-dds/react-radio
|
The Radio package allows to select one option from a set. |
MIT |
0
greenflagged
/ 71 total
|
|
@dt-dds/react-segmented-control
|
Segmented Control is frequently used to let users toggle between different formatting or to filter, like a grid view and a table view. |
MIT |
0
greenflagged
/ 24 total
|
|
@dt-dds/react-select
|
A Select is designed to gather input from users by offering a selection from a predefined list of choices, allowing for single selection and multiple selections. |
MIT |
0
greenflagged
/ 53 total
|
|
@dt-dds/react-sidebar
|
A compound component for building navigation sidebars with collapsible sections, nested items, and responsive behavior. |
MIT |
0
greenflagged
/ 8 total
|
|
@dt-dds/react-spinner
|
The spinner package works as a progress indicator to inform users about the status of ongoing processes. |
MIT |
0
greenflagged
/ 69 total
|
|
@dt-dds/react-stepper
|
Steppers convey progress through numbered, bullet, or icon-based sequential steps. |
MIT |
0
greenflagged
/ 27 total
|
|
@dt-dds/react-table
|
Table is used to organize and display data efficiently and can be fully customized. |
MIT |
0
greenflagged
/ 22 total
|
|
@dt-dds/react-tabs
|
The Tabs component allows different views/information to be switched easily. If the Tabs run out of space, it will appear horizontal scroll. |
MIT |
0
greenflagged
/ 70 total
|
|
@dt-dds/react-tag
|
Tags can be used to display states (Active, Cancelled...) in lists, tables, etc. |
MIT |
0
greenflagged
/ 23 total
|
|
@dt-dds/react-text-area
|
Textarea is an input that provides the same features as the text field, but accepts multiple lines of text. |
MIT |
0
greenflagged
/ 69 total
|
|
@dt-dds/react-text-field
|
TextField allows users to enter and edit text. They typically appear in forms and modal windows. |
MIT |
0
greenflagged
/ 71 total
|
|
@dt-dds/react-toast
|
Toast is a pop-up message used to display relevant information to our users. |
MIT |
0
greenflagged
/ 69 total
|
|
@dt-dds/react-toggle
|
Toggle switch gives control over a feature or option that can be turned on or off. |
MIT |
0
greenflagged
/ 21 total
|
|
@dt-dds/react-tooltip
|
This package displays information when the user moves the mouse pointer over an trigger element. |
MIT |
0
greenflagged
/ 22 total
|
|
@dt-dds/react-typography
|
Typography is an essential aspect of design, influencing how users perceive and interact with content. In digital interfaces, a well-crafted typography component plays a crucial role in enhancing readability, accessibility, and overall user experience. |
MIT |
0
greenflagged
/ 20 total
|
|
@dt-dds/themes
|
DT-DDS Design System Themes |
MIT |
0
greenflagged
/ 14 total
|