Get started with live components preview

Try it!

Modern workplaces require teams and individuals to collaborate faster and more efficiently than ever before. With instantaneous coauthoring, in-line mentions, and customizable components such as action item tables and checklists, this preview of live components empowers teams to collaborate in a way that feels live and connected, no matter where you are.

preview is available and we’re excited for you to give it a try and tell us what you think!

To get started, let's walk through how to host a working session with your teammates using the preview.

Choose your browser

Make sure you have the most recent version of one of these browsers for the operating system you're using.

Start creating

  1. Go to the preview and sign in using a work or school account that includes OneDrive for Business.

  2. If this is your first time using the preview, select Start Collaborating. Otherwise, select Create new   Create New icon  on the left-hand side.

  3. Add a Title and choose whether you'd like to create your project as a file in a OneDrive for Business or SharePoint location.

  4. All done? Select Create.

Invite others to collaborate

  • Select Share Share button in Fluid Framework  in the top right corner of the page to grant your colleagues access.

  • You can also use the @mention feature to tag your colleagues. If they don’t already have access, a pop up will appear when you tag them so you can easily share and keep working.

Work together

Live component preview canvases allow for near instantaneous collaboration. Your edits will be visible immediately to anyone else who has access to the file.

  • Everyone can contribute simultaneously, allowing everyone to fully participate in the meeting and ensuring more perspectives are gathered. Use tables or lists to track suggestions, add emojis to react to ideas, and comment in-line to ask questions or give feedback.

Add components

  • Type “+” or click the + icon on the left side of the page to add components—including tables, bulleted lists, and other types of content you can use to customize your workspace.

We're developing more components, but in the preview you can add:

  • Action items: Keep track of tasks, assignees, and timelines in a table.

  • Mentions: Type someone's name and turn it into a mention so they can easily find relevant sections, or use the @ symbol followed by the person's name.

  • Tables: Create a table that suits your needs.

  • Dates: Type a date (month/day, month/day/year, or phrases like "tomorrow" or "next Tuesday") and turn it into a rich date to easily keep track of upcoming deadlines and highlight overdue tasks.

  • Checklists: Check items off as you complete them.

  • Agendas: Build out collaborative list of meeting agenda items.

Format your content

  • With simple preset formatting options, you can focus on the content and rest assured that it will stay easy to read.

  • Right-click in the section you want to format and a menu with contextually relevant options will pop up.

  • If you're working in a text area, you'll see standard text formatting options: Format options in Fluid Framework

  • If you're working in a table when you right click, you'll see options to modify your table:

    Format box in Fluid Framework

  • Use keyboard shortcuts to create headers, insert components, and more. For a longer list of shortcuts, check out Keyboard shortcuts for live components preview.


Windows keyboard shortcut

Mac keyboard short

Tag and notify a person



Open the Discover Menu with component options



Open the Commanding Surface with formatting options

Shift + F10

Shift + F10

Add an in-line comment with your name

// + Spacebar

// + Spacebar

Insert an emoji

Windows logo key  Windows logo key  + . (period)

^ + Cmd + Space

Heading 1

Ctrl + Alt + 1

Option + Cmd + 1

Heading 2

Ctrl + Alt + 2

Option + Cmd + 2

Heading 3

Ctrl + Alt + 3

Option + Cmd + 3

Create a bulleted List

Ctrl + . (period)

Cmd + . (period)

Create a checklist, check off an item, or remove a checklist

Ctrl + 1

Cmd + 1

Navigate using the left pane

  • @mention in left pane : Quickly scan your mentions

  • Clock in left pane : See projects you've recently worked on

  • Document in left pane : Start a new project

  • Share in left pane : Share feedback and suggestions

What can I use the preview of live components for?

The beauty of the preview lies in its flexibility. Here are some ways people are using it today:

  • Track action items and their timelines

  • Use it as a shared 1:1 meeting space

  • Take meeting notes

  • Host remote Brainwriting creativity sessions

  • Manage projects with multiple stakeholders

  • Propose new ideas and get feedback

  • Evaluate the pros and cons of a decision

  • Crowd-source meeting agendas and minutes

  • Poll the team

  • Collect useful reference information

  • Hold a one-off stakeholder sync to keep everyone on the same page

  • Plan, prioritize, and coordinate new work

  • Create a personal to-do list

  • Coordinate a team morale event

Share feedback

Since this is an early preview, we'd love to hear about how you’re using it, what your suggestions are, and what you want us to build next.

Frequently Asked Questions

How do I access the preview?

  • Microsoft is rolling out the preview experience to all commercial customers in phases, starting with target release. If you try signing in and don’t have access yet, check periodically as the rollout continues.

What languages is it available in?

  • Only en-US (American English) for now.

How do I provide feedback?

  • Use the feedback button on the lower left corner inside the live components preview to tell us what you think. Since this is an early preview, we'd love to hear about how you’re using it, what your suggestions are, and what you want us to build next.

Which browsers does the live component preview support?

  • We recommend that you use the most up-to-date browser that's compatible with your operating system. The following browsers are supported:

    • The new Microsoft Edge (latest version)

    • Safari (latest version, Mac only)

    • Chrome (latest version)

    • Firefox (latest version)

How can I learn more?

Need more help?

Expand your Office skills
Explore training
Get new features first
Join Office Insiders

Was this information helpful?