88 lines
22 KiB
Markdown
88 lines
22 KiB
Markdown
# Komponenten-Index
|
|
|
|
Status: Entwurf
|
|
|
|
Diese Datei ist eine Link- und Statusuebersicht, nicht die zentrale Regelquelle.
|
|
Regeln stehen in [[03_Benennung]] und [[04_Gruppenregeln]]. Komponenten-spezifische Notizen stehen in den verlinkten Component-Dateien.
|
|
|
|
## Komponenten
|
|
|
|
| Bereich | Komponente | Lokale Notiz | Subframe | Fertig? |
|
|
| ------------ | -------------------------------- | ----------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------- |
|
|
| Actions | Button | [[Components/Button]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Button_3b777358-b86b-40af-9327-891efc6826fe) | <input type="checkbox" checked id="60df8e"> |
|
|
| Actions | Button Group | [[Components/Button Group]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Button+Group_e0379327-50f0-4852-9ae1-ad09b4bf01d3) | <input type="checkbox" unchecked id="326cf6"> |
|
|
| Actions | Icon Button | [[Components/Icon Button]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Icon+Button_af9405b1-8c54-4e01-9786-5aad308224f6) | <input type="checkbox" unchecked id="21b207"> |
|
|
| Actions | Link | [[Components/Link]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Link+Button_a4ee726a-774c-4091-8c49-55b659356024) | <input type="checkbox" checked id="56f603"> |
|
|
| Form Inputs | Checkbox | [[Components/Checkbox]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Checkbox_3816e3b5-c48c-499b-b45e-0777c6972523) | <input type="checkbox" checked id="c318f5"> |
|
|
| Form Inputs | Checkbox Group | [[Components/Checkbox Group]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Checkbox+Group_f9f1b596-c6b3-4d60-aa9a-f34b353f8aa5) | <input type="checkbox" checked id="4ac26a"> |
|
|
| Form Inputs | Combobox Autocomplete | [[Components/Combobox Autocomplete]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Custom+Component_8a1be2ee-c1b7-4407-9c21-6448306d2700) | <input type="checkbox" unchecked id="0818a1"> |
|
|
| Form Inputs | Date Picker | [[Components/Date Picker]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Date+Field_8597ff0e-368d-42c9-b5bc-b22473c41104) | <input type="checkbox" unchecked id="5f6cef"> |
|
|
| Form Inputs | File Upload | [[Components/File Upload]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Upload_28a3336a-2bdd-4d1c-8dc1-75c9d6eef452) | <input type="checkbox" checked id="2754c8"> |
|
|
| Form Inputs | Form Group Input Group | [[Components/Form Group Input Group]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="0b659e"> |
|
|
| Form Inputs | Input OTP Pin Code | [[Components/Input OTP Pin Code]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Verification+Code_1a223fbe-dca0-4e44-a383-44bbc7db975d) | <input type="checkbox" checked id="80b9d8"> |
|
|
| Form Inputs | Multiselect | [[Components/Multiselect]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Multi+Select_457d3920-2559-46a2-9dfe-c5b809028265) | <input type="checkbox" checked id="78ca90"> |
|
|
| Form Inputs | Multiselect Tags | [[Components/Multiselect Tags]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Multi+Select+Tags_8e4472a6-e1eb-47a4-8c95-c911e02208bf) | <input type="checkbox" unchecked id="d6a9cf"> |
|
|
| Form Inputs | Number Input | [[Components/Number Input]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Number+Input_06ebc0c5-994e-4eac-b855-f3c6d7f1bbbf) | <input type="checkbox" checked id="44979f"> |
|
|
| Form Inputs | Radio Group | [[Components/Radio Group]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Radio+Group_c4b6300e-20b4-4f3e-8b9f-379a046674ca) | <input type="checkbox" checked id="ed1a88"> |
|
|
| Form Inputs | Search Input | [[Components/Search Input]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Search+Input_75a35ed3-52c0-4435-8586-e390eb77d723) | <input type="checkbox" unchecked id="ee1a1f"> |
|
|
| Form Inputs | Select | [[Components/Select]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Select_bb88f90b-8c43-4b73-9c2f-3558ce7838f3) | <input type="checkbox" unchecked id="9691be"> |
|
|
| Form Inputs | Slider Range Slider | [[Components/Slider Range Slider]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Slider_f4092874-0320-449e-a0c5-b435987c4cfb) | <input type="checkbox" checked id="1561a4"> |
|
|
| Form Inputs | Switch | [[Components/Switch]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Switch_7a464794-9ea9-4040-b1de-5bfb2ce599d9) | <input type="checkbox" checked id="e4c5d4"> |
|
|
| Form Inputs | Text Input | [[Components/Text Input]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Text+Field_be48ca43-f8e7-4c0e-8870-d219ea11abfe) | <input type="checkbox" checked id="197ffc"> |
|
|
| Form Inputs | Textarea | [[Components/Textarea]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Text+Area_4ec05ee8-8f1c-46b2-b863-5419aa7f5cce) | <input type="checkbox" checked id="2ca9a4"> |
|
|
| Form Inputs | Toggle Group Segmented Control | [[Components/Toggle Group Segmented Control]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Toggle+Group_2026f10a-e3cc-4c89-80da-a7259acae3b7) | <input type="checkbox" checked id="7bbf20"> |
|
|
| Data Display | Avatar | [[Components/Avatar]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Avatar_bec25ae6-5010-4485-b46b-cf79e3943ab2) | <input type="checkbox" checked id="5c6e36"> |
|
|
| Data Display | Avatar Group | [[Components/Avatar Group]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Avatar+Group_6e7444ab-1d67-47f5-af23-1a2d3ecf1016) | <input type="checkbox" checked id="f3123b"> |
|
|
| Data Display | Badge Feedback | [[Components/Badge Feedback]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Badge+Feedback_896531e4-54ea-4e5a-8710-c30fc2ce10fb) | <input type="checkbox" unchecked id="e06288"> |
|
|
| Data Display | Badge Shortcut | [[Components/Badge Shortcut]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Badge+Shortcut_97bdb082-1124-4dd7-a335-b14b822d0157) | <input type="checkbox" checked id="b7a8c1"> |
|
|
| Data Display | Empty State | [[Components/Empty State]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_EmptyState_9fcf03a9-ada9-4a3d-80bc-87ff6ce78023) | <input type="checkbox" checked id="96fb67"> |
|
|
| Data Display | Pagination | [[Components/Pagination]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="88e2a9"> |
|
|
| Data Display | Stats Card KPI | [[Components/Stats Card KPI]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_StatKpi_63f809c7-22ef-47f8-9fb9-0f33b252be3f) | <input type="checkbox" checked id="1ff432"> |
|
|
| Data Display | Table | [[Components/Table]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Table_142dfde7-d0cc-48a1-a04c-a08ab2252633) | <input type="checkbox" unchecked id="65a190"> |
|
|
| Data Display | Tag Label | [[Components/Tag Label]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Tag+_+Label_bb114597-3b27-4c24-a34b-737c67238809) | <input type="checkbox" unchecked id="20dee9"> |
|
|
| Feedback | Alert | [[Components/Alert]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Alert_3a65613d-d546-467c-80f4-aaba6a7edcd5) | <input type="checkbox" checked id="693d02"> |
|
|
| Feedback | Banner Alert | [[Components/Banner Alert]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Alert_c836f6cf-ff90-4e2d-991f-5cc256be2b6b) | <input type="checkbox" checked id="6ad9f7"> |
|
|
| Feedback | Error State | [[Components/Error State]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Partial+page+failure_db7ae858-338b-4089-8177-2dea8e3b97fe) | <input type="checkbox" unchecked id="9e51db"> |
|
|
| Feedback | Form save retry | [[Components/Form save retry]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Form+save+retry_db7627dd-19cb-457b-bbfd-6fe16d620fe0) | <input type="checkbox" checked id="a837a9"> |
|
|
| Feedback | Loading Indicator ProgressBar | [[Components/Loading Indicator ProgressBar]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Progress_60964db0-a1bf-428b-b9d5-f34cdf58ea77) | <input type="checkbox" checked id="d60fe4"> |
|
|
| Feedback | Loading Indicator ProgressCircle | [[Components/Loading Indicator ProgressCircle]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Progress+Circle_91a72105-500a-46e2-997b-7e8cd29b5f81) | <input type="checkbox" unchecked id="ccd072"> |
|
|
| Feedback | Loading Indicator Skeleton | [[Components/Loading Indicator Skeleton]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Michelle+Test_Skeleton_08dee637-2ba5-4c5d-86d4-a531fd11481f) | <input type="checkbox" unchecked id="d70991"> |
|
|
| Feedback | Offline banner | [[Components/Offline banner]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Offline+banner_2582cb6e-0176-4a5c-b70f-c3bef3c7001d) | <input type="checkbox" checked id="e432ea"> |
|
|
| Feedback | Partial page failure | [[Components/Partial page failure]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Partial+page+failure_db7ae858-338b-4089-8177-2dea8e3b97fe) | <input type="checkbox" checked id="7dcdb9"> |
|
|
| Feedback | Timeout | [[Components/Timeout]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Timeout_ff21411f-6321-4139-bc92-603c625e2380) | <input type="checkbox" checked id="9faae7"> |
|
|
| Feedback | Toast | [[Components/Toast]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Toast_2c7966c2-a95d-468a-83fe-bf196b95be7a) | <input type="checkbox" checked id="bdd39f"> |
|
|
| Feedback | Stepper Progress Steps Horizontal | [[Components/Stepper Progress Steps Horizontal]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Stepper_3c5d47dc-1b1a-45d9-b244-18422d7bfb56) | <input type="checkbox" unchecked id="3c5d47"> |
|
|
| Feedback | Stepper Progress Steps Vertikal | [[Components/Stepper Progress Steps Vertikal]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Vertical+Stepper_bdc0291d-b5be-40c5-ae2f-527a868488b2) | <input type="checkbox" unchecked id="bdc029"> |
|
|
| Feedback | Tooltip | [[Components/Tooltip]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Tooltip_ccebd1e9-f6ac-4737-8376-0dfacd90c9f3) | <input type="checkbox" unchecked id="318e85"> |
|
|
| Overlays | Confirm Dialog | [[Components/Confirm Dialog]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Confirm+Dialog_7826382f-0b13-45d9-ac8f-238fa6de9121) | <input type="checkbox" unchecked id="984f5a"> |
|
|
| Overlays | Context Menu | [[Components/Context Menu]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Context+Menu_f8a49f07-fa5b-46c8-9399-cbbf0930cc62) | <input type="checkbox" checked id="f8a49f"> |
|
|
| Overlays | Drawer Bottom Sheet | [[Components/Drawer Bottom Sheet]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="01f46b"> |
|
|
| Overlays | Dropdown Menu | [[Components/Dropdown Menu]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Dropdown+Menu_99951515-459b-4286-919e-a89e7549b43b) | <input type="checkbox" unchecked id="999515"> |
|
|
| Overlays | Modal Dialog | [[Components/Modal Dialog]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Dialog_ca59db17-43fb-4247-8094-3c55162e902d) | <input type="checkbox" unchecked id="1443aa"> |
|
|
| Overlays | Result Dialog | [[Components/Result Dialog]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Result+Dialog_15b54873-a4f7-4507-a25a-06739f26cf11) | <input type="checkbox" unchecked id="de51cd"> |
|
|
| Overlays | Slide Over Side Panel | [[Components/Slide Over Side Panel]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="b064cf"> |
|
|
| Navigation | Breadcrumb | [[Components/Breadcrumb]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Breadcrumbs_8898334b-a66f-4ee8-8bd1-afcfa8e37cc0) | <input type="checkbox" unchecked id="d4d9bc"> |
|
|
| Navigation | Page Header with Back | [[Components/Page Header with Back]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="4c196a"> |
|
|
| Navigation | Sidebar | [[Components/Sidebar]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Sidebar+with+sections_f4047c8b-cfb4-4761-b9cf-fbcae8a9b9b5) | <input type="checkbox" checked id="017a2b"> |
|
|
| Navigation | Subbar | [[Components/Subbar]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_Subbar_75a855a6-3419-4c84-97bd-540dd2f180a4) | <input type="checkbox" checked id="75a855"> |
|
|
| Navigation | Tabs | [[Components/Tabs]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Tabs_e1ad5091-8ad8-4319-b1f7-3e47f0256c20) | <input type="checkbox" checked id="002ac3"> |
|
|
| Navigation | Tree View | [[Components/Tree View]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Tree+View_4ed46422-ecc3-41e8-8787-e55ee10cdc75) | <input type="checkbox" checked id="4ed464"> |
|
|
| Layout | Accordion Collapsible | [[Components/Accordion Collapsible]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Accordion_d2e81e20-863a-4027-826a-991d8910efd9) | <input type="checkbox" unchecked id="f11bdc"> |
|
|
| Layout | Card Icon | [[Components/Card Icon]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_CardIcon_41867f0d-7a6a-4e51-9b08-6cce5a3070b1) | <input type="checkbox" checked id="dfddf1"> |
|
|
| Layout | Card Image | [[Components/Card Image]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_CardImage_1f735087-2381-42e1-8ceb-491a8bc63948) | <input type="checkbox" checked id="d621d8"> |
|
|
| Layout | Page Layout Templates | [[Components/Page Layout Templates]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Default+Page+Layout_a57b1c43-310a-493f-b807-8cc88e2452cf) | <input type="checkbox" unchecked id="e996a6"> |
|
|
| Layout | Separator Divider | [[Components/Separator Divider]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_Divider_d7beb179-8dd1-4635-8e50-38eea311008d) | <input type="checkbox" unchecked id="3af15a"> |
|
|
| Typography | Label | [[Components/Label]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="c460e4"> |
|
|
| Utility | Dark Mode Toggle | [[Components/Dark Mode Toggle]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="bbdd9e"> |
|
|
| Utility | Icon | [[Components/Icon]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Icon+Feedback_e24ec5dc-9821-430d-8254-1d72a7d46218) | <input type="checkbox" checked id="e24ec5"> |
|
|
| Utility | Icon With Backround | [[Components/Icon With Backround]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=Icon+Feedback+with+background_4a18e9fc-cea3-46ca-8c53-2412462342ad) | <input type="checkbox" checked id="4a18e9"> |
|
|
| Patterns | Bulk Actions Table Multi Select | [[Components/Bulk Actions Table Multi Select]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="da2cca"> |
|
|
| Patterns | Copy to Clipboard | [[Components/Copy to Clipboard]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="3d389a"> |
|
|
| Patterns | Error Recovery | [[Components/Error Recovery]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="ab406e"> |
|
|
| Patterns | Inline Editing Click to Edit | [[Components/Inline Editing Click to Edit]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="9bc763"> |
|
|
| Patterns | Kanban Card | [[Components/Kanban Card]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_KanbanCard_27235bcb-e61b-4880-9ae6-3f12d290a434) | <input type="checkbox" unchecked id="27235b"> |
|
|
| Patterns | Kanban Column | [[Components/Kanban Column]] | [Subframe](https://app.subframe.com/f023064a5ca0/library?component=MichelleTest_KanbanColumn_bbc08458-14aa-4512-a807-e673a64315ab) | <input type="checkbox" checked id="bbc084"> |
|
|
| Patterns | Save State Indicators | [[Components/Save State Indicators]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="67bb7b"> |
|
|
| Patterns | Search Filter Bar | [[Components/Search Filter Bar]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="056a32"> |
|
|
| Patterns | Undo Action Toast | [[Components/Undo Action Toast]] | Noch nicht verlinkt | <input type="checkbox" unchecked id="d095a9"> |
|