The following example includes single sign-on (SSO), which we recommend for the simplest authentication experience. You can design app sign-in flows for different Teams contexts and identity providers. You can use a list to display related items in a scannable format and allow users to take actions on an entire list or individual items. Clear labeling and logical groupings of input fields are critical for a good user experience. Top use casesДЇorms are used to collect, validate, and submit user input in a structured way. You can include filters with tables, lists, cards, and other components that organize content. Welcome messages and first-run experiencesДЄ filter allows you to reduce the information you see based on the criteria selected.ItвЂ™s highly flexibleвЃ -adapt it to use one, a few, or all of the components in the following design. The empty state template can be used for many scenarios, including sign in, first-run experiences, error messages, and more. The cards scale to fit the column layout and fill in blank spaces. You can use different card sizes (single, double, and full) to stack and organize data visualizations on the same page. Organize different information in one place.Users should be able to customize at least some of what they see on a dashboard. A dashboard displays different types of content in a central location (Teams personal app or tab).

Figma ui kit