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.

A 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.

Windows: The new Microsoft Edge, Chrome, Firefox
Android mobile: The new Microsoft Edge, Chrome
iOS: The new Microsoft Edge, Chrome, Safari
macOS: The new Microsoft Edge, Chrome, Safari, Firefox
Chrome OS: Chrome

Start creating

Go to the preview and sign in using a work or school account that includes OneDrive for Business.
If this is your first time using the preview, select Start Collaborating. Otherwise, select Create new on the left-hand side.
Add a Title and choose whether you'd like to create your project as a file in a OneDrive for Business or SharePoint location.
All done? Select Create.

Invite others to collaborate

Select Share 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:
If you're working in a table when you right click, you'll see options to modify your table:
Use keyboard shortcuts to create headers, insert components, and more. For a longer list of shortcuts, check out Keyboard shortcuts for live components preview.

Action	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 + . (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

: Quickly scan your mentions
: See projects you've recently worked on
: Start a new project
: 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?

Visit https://aka.ms/FluidPreviewBlog