@liveblocks/react-ui
Advanced tools
A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.
@liveblocks/react-ui
@liveblocks/react-ui provides React pre-built
components for the Liveblocks products.
npm install @liveblocks/client @liveblocks/react @liveblocks/react-ui
Read the documentation for guides and API references.
Explore our collaborative examples to help you get started.
All examples are open-source and live in this repository, within
/examples.
See the latest changes or learn more about upcoming releases.
Licensed under the Apache License 2.0, Copyright © 2021-present Liveblocks.
See LICENSE for more information.
v3.0.0
Liveblocks 3.0 is our third major release, focusing on our newest product, AI Copilots. We’ve used this as an opportunity to tidy up some of our existing APIs, ensuring consistency throughout our offering.
For full upgrade instructions and codemods, see the 3.0 upgrade guide.
@liveblocks/reactuseAiChats, useAiChat,
useDeleteAiChat,useSendAiMessage, RegisterAiTool, RegisterAiKnowledge,
etc.UPDATE_USER_NOTIFICATION_SETTINGS_ERROR to
UPDATE_NOTIFICATION_SETTINGS_ERROR when using useNotificationSettings or
useUpdateNotificationSettings.@liveblocks/react-uiAiChat, AiTool, etc.onMentionClick prop on Thread and Comment now receives a
MentionData object instead of a userId string.Mention component on the Comment.Body and Composer.Editor primitives
now receives a mention prop instead of a userId one.MentionSuggestions component on the Composer.Editor primitive now
receives a mentions prop instead of a userIds one, and the
selectedUserId prop has been renamed to selectedMentionId.LiveblocksUIConfig to LiveblocksUiConfig for consistency with other
Liveblocks APIs.@liveblocks/emailshtmlBody/reactBody properties from
prepareThreadNotificationEmailAsHtml/prepareThreadNotificationEmailAsReact,
use body instead.htmlContent/reactContent properties from
prepareTextMentionNotificationEmailAsHtml/prepareTextMentionNotificationEmailAsReact,
use content instead.prepareTextMentionNotificationEmailAsReact and
prepareTextMentionNotificationEmailAsHtml functions’ returned data changed
slightly:
id property is now named textMentionId, it refers to the mention’s
Text Mention ID, not the user ID used for the mentionid property now refers to the mention’s ID, as in the user ID used for
the mentionelement prop received by the Mention component in
prepareTextMentionNotificationEmailAsReact now contains an id property
instead of userId, and a new kind property to indicate the mention’s kind.@liveblocks/client and @liveblocks/nodegetMentionedIdsFromCommentBody utility has been replaced by
getMentionsFromCommentBody.FAQs
A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.
The npm package @liveblocks/react-ui receives a total of 24,947 weekly downloads. As such, @liveblocks/react-ui popularity was classified as popular.
We found that @liveblocks/react-ui demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 3 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
North Korean threat actors linked to the Contagious Interview campaign return with 35 new malicious npm packages using a stealthy multi-stage malware loader.
Research
Security News
The Socket Research Team investigates a malicious Python typosquat of a popular password library that forces Windows shutdowns when input is incorrect.
Product
We’ve redesigned the Socket dashboard with simpler navigation, less visual clutter, and a cleaner UI that highlights what really matters.