Techne Components - SAP-archive/techne GitHub Wiki
| Category |
Component |
Key |
Designed |
Implemented |
Available |
| Structure |
Grid |
|
|
|
|
|
Panels |
|
|
|
|
|
Spacing |
|
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Layouts |
|
|
|
|
| Colors |
Main Colors |
|
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Themes |
|
|
|
|
| Typography |
Headings |
|
|
|
|
|
Help Text |
|
|
|
|
|
Content |
|
|
|
|
| Containers |
Card |
card |
#678, #680, Card Actions |
:heavy_check_mark: |
:heavy_check_mark: |
|
Images/Avatars |
|
|
|
|
| Collections |
List |
|
|
|
|
|
Table |
|
|
|
|
|
Tree |
|
|
|
|
|
Cards |
|
|
|
|
| Actions |
Buttons |
button |
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Links |
|
|
|
|
|
Contextual Menu |
|
|
|
|
|
Expandable Button |
|
|
|
|
| Modals |
Information Modal |
|
|
|
|
|
Decision Modal |
|
|
|
|
|
Form Modal |
|
|
|
|
| Forms |
Forms |
form |
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Inputs |
input-group |
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Textareas |
|
|
:heavy_check_mark: |
:heavy_check_mark: |
|
Radio Buttons |
|
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Checkboxes |
|
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Select |
|
|
:heavy_check_mark: |
:heavy_check_mark: |
|
Multi-tab editor |
|
|
|
|
| Navigation |
Tabs |
|
|
|
|
|
ActionBar |
|
|
|
|
|
ToolBar |
|
|
|
|
|
Pagination |
|
|
|
|
| Guidance & Indicators |
Tooltip |
|
|
|
|
|
Loading indicators |
|
|
|
|
|
Icons |
|
Design |
:heavy_check_mark: |
:heavy_check_mark: |
|
Alerts |
|
Design |
|
|
|
Tours |
|
|
|
|
|
Wizards |
|
|
|
|
|
Status Indicators |
|
|
:heavy_check_mark: |
:heavy_check_mark: |