Skip to main content

TUM AET UI component reference

Opening the TUM AET UI component reference… Continue to the reference

TUM AET UI is the component library from the Applied Education Technologies (AET) research group at the Technical University of Munich. It is used by Artemis. This reference opens the package Storybook with supported states, controls, interaction examples, accessibility results, and APIs.

The component reference is included in the combined Artemis documentation:

pnpm run docs:build
pnpm run docs:serve

For component development with live updates, run:

pnpm --dir packages/tum-aet-ui run storybook

Available components​

Actions: Button​

Actions: Button Directive​

Actions: Button Group​

Data Display: Card​

Data Display: Chip​

Data Display: Empty State​

Data Display: List​

Data Display: Native Table​

Data Display: Paginator​

Data Display: Panel​

Data Display: Table​

Data Display: Tag​

Data Display: Virtual Scroll Table​

Data: Bar Chart​

Data: Doughnut Chart​

Data: Line Chart​

Feedback: Message​

Feedback: Progress Bar​

Feedback: Progress Spinner​

Forms: Autocomplete​

Forms: Checkbox​

Forms: Date Picker​

Forms: Form Field​

Forms: Icon Field​

Forms: Input​

Forms: Input Group​

Forms: Input Number​

Forms: Multi Select​

Forms: Radio Button​

Forms: Search Field​

Forms: Select​

Forms: Select Button​

Forms: Toggle Switch​

Overlays: Confirm Dialog​

Overlays: Dialog​

Overlays: Popover​

Overlays: Tooltip​

Search documentation