feat(examples): add RTL direction toggle to vite example app#3084
Merged
feat(examples): add RTL direction toggle to vite example app#3084
Conversation
Add an RTL/LTR direction toggle to the vite example app, accessible from both the sidebar bottom section and the new General settings tab. The preference is persisted to localStorage and applied via the `dir` attribute on the `<html>` element.
|
Size Change: 0 B Total Size: 614 kB ℹ️ View Unchanged
|
Codecov Report✅ All modified and coverable lines are covered by tests. Additional details and impacted files@@ Coverage Diff @@
## master #3084 +/- ##
=======================================
Coverage 79.08% 79.08%
=======================================
Files 426 426
Lines 12155 12155
Branches 3919 3919
=======================================
Hits 9613 9613
Misses 2542 2542 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
github-actions bot
pushed a commit
that referenced
this pull request
Mar 31, 2026
## [14.0.0-beta.5](v14.0.0-beta.4...v14.0.0-beta.5) (2026-03-31) ### Bug Fixes * assorted UI/UX fixes (Giphy, polls, dialogs, composer, headers) ([#3081](#3081)) ([6c06e04](6c06e04)) * close CSS gaps, fix ChannelList dialog portal, and clean up icons ([#3079](#3079)) ([a47981f](a47981f)) * **Icons:** sync icon catalog with refreshed Line SVGs ([#3080](#3080)) ([9472f7b](9472f7b)) * **MessageList:** set width on message list scroll container ([#3077](#3077)) ([3f09362](3f09362)) * post-review `MessageReactionsDetail` adjustments ([#3082](#3082)) ([a82bdcb](a82bdcb)) * use link icon for link-type attachments ([#3083](#3083)) ([241209e](241209e)) ### Features * **examples:** add RTL direction toggle to vite example app ([#3084](#3084)) ([887a326](887a326)) * **examples:** refresh react tutorial app for v14 ([#3078](#3078)) ([86ada37](86ada37))
|
🎉 This PR is included in version 14.0.0-beta.5 🎉 The release is available on: Your semantic-release bot 📦🚀 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
🎯 Goal
Add an RTL direction toggle to the vite example app so we can easily test and demo RTL layouts.
🛠 Implementation details
direction: 'ltr' | 'rtl'toThemeSettingsStatein the app settings storestream-chat-react:example-direction) and applied via<html dir="...">attributeSidebarThemeToggleto spread...themeso toggling dark/light mode doesn't lose the direction value🎨 UI Changes
No visual changes to the SDK — this only affects the vite example app's settings UI.