Zum Inhalt springen
UI Kit
Accent

Team-Kollaboration UI für Apps

Messenger, Mitglieder und Rollen, Aktivitätsprotokolle und ein Texteditor.

4 Components · 20 Variants
Kategorie wechseln

Alles, was ein Team gemeinsam tut

Screens für die Zusammenarbeit halten ein Team in einem Produkt zusammen, wer mit wem spricht, wer was darf, was sich geändert hat und was geschrieben wird. Die vier Components hier decken diese vier Aufgaben ab und passen in den App-Rahmen des Kits mit Sidebar und eigenen Handy-Layouts.

Der Messenger zeigt „Liste und Chat“, eine einzelne Unterhaltung mit angehefteter Nachricht, einen „Kanal mit Threads“, einen schwebenden Messenger und eine Suche über alle Unterhaltungen. Die Teamverwaltung führt Mitglieder mit Rollen und Sammeländerungen, lädt Personen mit geprüften E-Mail-Chips ein, regelt „Rollen und Rechte“, zeigt Teams als Baum und zählt Plätze. Das Aktivitätsprotokoll zeichnet eine Zeitleiste nach Tagen, eine Prüftabelle mit vorher und nachher und CSV-Export, den Verlauf eines Datensatzes, einen schmalen Seitenfeed und eine Zusammenfassung je Tag oder Woche. Der Texteditor schreibt ein Dokument mit voller Leiste, einen Kommentar mit Erwähnungen, Markdown mit Vorschau, eine ruhige Seite mit „Leiste über der Auswahl“ und eine E-Mail, deren Senden sich zurücknehmen lässt.

Gib jeder Aktion eine Spur, eine Änderung im Protokoll, eine Nachricht im Thread, dann vertrauen Menschen der gemeinsamen Arbeit. Halte Rollen knapp und benenne sie nach dem, was Menschen tun, drei oder vier reichen für die meisten Teams. Jede Liste hier hat ein eigenes Handy-Layout, das Team bleibt also auch unterwegs erreichbar.

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

activity-log

Aktivitätsprotokoll

Aktivitäts-Screens für Apps. Zeitleiste nach Tagen mit Filtern, Prüftabelle mit vorher und nachher, Verlauf eines Datensatzes mit Wiederherstellen, Seitenfeed und Zusammenfassung.

Props und Details · Aktivitätsprotokoll

ZeitleisteNeu in 1.2

Alles nach Tagen auf einer Linie, gefiltert nach Person, Art, Zeitraum und Wörtern, Kommentare zitiert und Änderungen als von und nach.

PrüftabelleNeu in 1.2

Wer was wo und wann getan hat, sortierbar und geblättert, jede Zeile öffnet vorher und nachher mit Gerät und Adresse, die Ansicht als CSV.

Verlauf eines DatensatzesNeu in 1.2

Die aktuellen Werte eines Datensatzes neben jeder Änderung Feld für Feld, nach Feld gefiltert, und ein alter Wert mit einem Klick zurück.

SeitenfeedNeu in 1.2

Ein schmaler Feed neben der Arbeit mit Marke für Neues, Reiter für das, was dich betrifft, kurzen Zeiten und mehr auf Wunsch.

ZusammenfassungNeu in 1.2

Änderungen, Kommentare, Neues und aktive Personen je Tag oder Woche im Vergleich, ein Diagramm, die aktivsten Personen und meistbearbeiteten Dinge.

messenger

Messenger

Nachrichten für Apps. Chats mit Antworten, Reaktionen, Fotos, Dateien und Sprache, Tippanzeige und Lesestatus, Kanäle mit Threads, ein schwebender Messenger und Suche.

Props und Details · Messenger

Liste und ChatNeu in 1.2

Unterhaltungen mit Suche, Ungelesen-Filter und Tippanzeige neben dem offenen Chat. Telefone wechseln mit Zurück zwischen beiden.

UnterhaltungNeu in 1.2

Ein Chat mit Tagestrennern, angehefteter Nachricht, Marke für Neues, Sprung zur neuesten Nachricht und den geteilten Dateien daneben.

Kanal mit ThreadsNeu in 1.2

Ein Teamkanal als Zeilen mit Namen und Rollen, Antworten in einem Thread daneben und die Mitglieder nach Anwesenheit.

Schwebender MessengerNeu in 1.2

Ein Startknopf mit der Zahl ungelesener Nachrichten, ein kleines Feld mit den Chats und eine kompakte Unterhaltung. Escape schließt, Telefone bekommen den ganzen Schirm.

rich-text-editor

Texteditor

Texte bearbeiten ohne Paket. Ein Dokument mit voller Leiste und Wortzahl, Kommentare mit @-Erwähnungen, Markdown mit Vorschau, eine Auswahlleiste und E-Mail.

Props und Details · Texteditor

DokumentNeu in 1.2

Volle Leiste mit Überschriften, Listen, Zitat, Code, Link und Ausrichtung, aktive Zustände aus der Auswahl, Tastenkürzel, Speichern, Wörter und Lesezeit.

Kommentar mit ErwähnungenNeu in 1.2

Ein kompakter Editor unter einem Verlauf. Mit @ eine Person aus einer Liste wählen, mit kleiner Leiste formatieren und mit Strg und Enter senden.

Markdown mit VorschauNeu in 1.2

Ein Textfeld, dessen Leiste Markdown um die Auswahl schreibt, mit der Vorschau daneben am Desktop und als zweitem Reiter am Telefon.

Leiste über der AuswahlNeu in 1.2

Eine ruhige Seite zum Schreiben. Markierte Wörter holen eine kleine Leiste darüber, Alt und F10 erreichen sie per Tastatur, Escape führt zurück.

E-Mail schreibenNeu in 1.2

Absender, Empfänger als geprüfte Chips mit Cc, Betreff, Formatierungsleiste, Anhänge, wählbare Signatur und ein paar Sekunden, um das Senden zurückzunehmen.

team-management

Teamverwaltung

Team-Screens für Apps. Mitglieder mit Rollen und sicherem Entfernen, Einladungen mit geprüften Adressen und Link, Rollen mit Rechten, Teams als Baum und Plätze.

Props und Details · Teamverwaltung

MitgliederNeu in 1.2

Eine Tabelle mit Suche, Rollenfilter und Status, Rolle je Person, Sammeländerungen und ein Entfernen mit Rückfrage und Rückgängig. Telefone bekommen Karten.

Personen einladenNeu in 1.2

E-Mail-Adressen als geprüfte Chips, die Rolle als Karten, offene Einladungen erneut senden oder zurückziehen und ein Beitrittslink zum Kopieren.

Rollen und RechteNeu in 1.2

Rollen in einer Liste mit ihren Personen, Rechte nach Gruppen mit Zählern, Bearbeiten, Duplizieren und neue Rolle. Die Inhaberrolle bleibt gesperrt.

TeamsNeu in 1.2

Abteilungen als Baum mit Pfeiltasten, Leitung und Köpfe je Team, Teams darin und Mitglieder zum Hinzufügen oder Entfernen.

PlätzeNeu in 1.2

Belegte, durch Einladungen gehaltene und freie Plätze, Plätze nach Rolle, länger abwesende Personen zum Freigeben und neue Plätze mit dem heutigen Betrag.

Ähnliche Components

Mehr aus App, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Team und Zusammenarbeit stehen.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert