Skip to content

Commit

Permalink
Add basic overviews.
Browse files Browse the repository at this point in the history
  • Loading branch information
jeroenleenarts committed Nov 16, 2022
1 parent e7d02aa commit 4840532
Show file tree
Hide file tree
Showing 3 changed files with 8 additions and 2 deletions.
4 changes: 2 additions & 2 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -747,7 +747,7 @@ Both `listener.js` and usage of key codes were outdated and caused unnecessary i

### Feature

- Add ability to override high-level, CSS container classes via the `customClasses` prop on `Chat` [#1159](https://github.com/GetStream/stream-chat-react/pull/1159). See the [docs](https://getstream.io/chat/docs/sdk/react/customization/06-css_and_theming/#custom-container-classes) for more information.
- Add ability to override high-level, CSS container classes via the `customClasses` prop on `Chat` [#1159](https://github.com/GetStream/stream-chat-react/pull/1159). See the [docs](https://getstream.io/chat/docs/sdk/react/customization/css_and_theming/#custom-container-classes) for more information.
- Allow custom message actions in the `VirtualizedMessageList` [#1166](https://github.com/GetStream/stream-chat-react/pull/1166)
- While using the `MessageSimple` UI component, allow message grouping in the `VirtualizedMessageList` via the `shouldGroupByUser` prop [#1166](https://github.com/GetStream/stream-chat-react/pull/1166)
- Add ability to customize the svg icons in the `MessageOptions` component [#1159](https://github.com/GetStream/stream-chat-react/pull/1159)
Expand Down Expand Up @@ -960,7 +960,7 @@ Both `listener.js` and usage of key codes were outdated and caused unnecessary i
- We've replaced much of the library's hardcoded CSS with customizable variables [#927](https://github.com/GetStream/stream-chat-react/pull/927)
- Variable support has been added for fonts, colors, border radius, padding, and margin
- The `Chat` component now accepts a `customStyles` prop, an object type of CSS variables and value overrides
- See the [CSS and Theming](https://getstream.io/chat/docs/sdk/react/customization/06-css_and_theming/) section of our docs
- See the [CSS and Theming](https://getstream.io/chat/docs/sdk/react/customization/css_and_theming/) section of our docs
for an example of how to implement

### Feature
Expand Down
2 changes: 2 additions & 0 deletions docusaurus/docs/React/guides/customization/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,5 @@ sidebar_position: 1
slug: /guides/customization/
title: Overview
---

When [Theming](../theming/overview.mdx) is not enough for how you want our chat SDK to look and behave, customization is the next step. By customizing specific components you can make precise adjustments to the look and feel of our SDK exactly where you need them.
4 changes: 4 additions & 0 deletions docusaurus/docs/React/guides/theming/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,7 @@ sidebar_position: 1
slug: /guides/theming/
title: Overview
---

After initial integration of our SDK, theming is the best option allowing you to alter the appearance and behaviour of our SDK. Through theming you should be able to create a chat experience that is fully on brand for your situation.

In case theming our SDK is not enough, please look into our SDK [customization](../customization/overview.mdx) options instead. Customization allows you the outright replace specific components in our SDK, allowing you to add just the right amount of customization you need.

0 comments on commit 4840532

Please sign in to comment.