Frontend: Difference between revisions
Spring2026 (talk | contribs) No edit summary |
Spring2026 (talk | contribs) No edit summary |
||
| Line 14: | Line 14: | ||
==== dropdown ==== | ==== dropdown ==== | ||
The dropdown menu does not have any specific properties of its own. It is mainly used as a placeholder that appears on the screen when the user clicks a button or hovers over it. The dropdown menu contains different buttons and does not require a separate `.ts` file, as it does not have any styling of its own. | |||
==== inputfield ==== | ==== inputfield ==== | ||
Revision as of 09:36, 13 October 2026
Frontend
The frontend is mainly structured around components, each responsible for specific functions. These components are used within pages, where they are combined to create complete pages with the required functionality. The frontend is developed using TypeScript, React, and Redux, with Tailwind CSS used for styling.
Components
Currently, the frontend consists of seven different components, organized as follows:
button
the tsx-file defines the button's properties and functionality, including its type, size, color, and whether it is disabled. This file also creates the HTML button element <button> that can be used in the page you want to add a button.
the ts-file defines the button's styling using Tailwind CSS, including colors, text sizes, rounded corners, and hover effects. This file does not contain any HTML.
dropdown
The dropdown menu does not have any specific properties of its own. It is mainly used as a placeholder that appears on the screen when the user clicks a button or hovers over it. The dropdown menu contains different buttons and does not require a separate `.ts` file, as it does not have any styling of its own.