Components
The reusable building blocks of the DÁP design system.
Introduction
The dap-components library is a collection of reusable UI components built with React and Tailwind CSS, that are based on the DÁP Figma UI Kit 1.2.
Installation
npm install @uj-vilag/dap-componentsThe CSS is not baked in, so make sure to use the default or tailwind-only import of the @uj-vilag/dap-styles package.
Available Components
Text Field
Displays a text input field.
Number Field
Displays a number input field.
Toggle Tip
A button that toggles a tip popup.
Textarea
Displays a multi-line text input field.
Toggle
A two-state button that can be either on or off.
Label
Renders an accessible label associated with form fields.
Button
Displays a button or a component that looks like a button.
Radio Button
A control that allows the user to select one option from a set.
Checkbox
A control that allows the user to toggle between checked and unchecked.
Feedback
Provide inline feedback messages that guide users while they fill out inputs.
Select
Displays a list of options for the user to choose from, triggered by a button.