Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
73 changes: 68 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,46 @@ From architecture to execution, every detail has been considered to boost perfor
### Material 3 Theming
Built-in Material 3 stylesheets provide a modern, accessible design out of the box. Enjoy sharp visuals, consistent theming, and minimal setup.

## Control List
## Component List

### Data Visualization

<table>
<tr>
<td>
<b>Chart</b>
</td>
<td rowspan="1">
<a href="https://www.npmjs.com/package/@syncfusion/react-charts"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/react-charts" title="@syncfusion/react-charts" style="height:20px;" />
</td>
<td>
<a href="components/charts/src/chart">Source</a>
</td>
<td>
<a href="https://react.syncfusion.com/chart/overview">Live demo</a>
</td>
</tr>
</table>

### Grid

<table>
<tr>
<td>
<b>Data Grid</b>
</td>
<td rowspan="1">
<a href="https://www.npmjs.com/package/@syncfusion/react-grid"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/react-grid" title="@syncfusion/react-grid" style="height:20px;" />
</td>
<td>
<a href="components/grids/src/grid">Source</a>
</td>
<td>
<a href="https://react.syncfusion.com/data-grid/overview">Live demo</a>
</td>
</tr>
</table>


### Buttons

Expand Down Expand Up @@ -163,7 +202,7 @@ Built-in Material 3 stylesheets provide a modern, accessible design out of the b
<td>
<b>Numeric TextBox</b>
</td>
<td rowspan="3">
<td rowspan="4">
<a href="https://www.npmjs.com/package/@syncfusion/react-inputs"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/react-inputs" title="@syncfusion/react-inputs" style="height:20px;" />
</td>
<td>
Expand Down Expand Up @@ -195,6 +234,18 @@ Built-in Material 3 stylesheets provide a modern, accessible design out of the b
<a href="https://react.syncfusion.com/textarea">Live demo</a>
</td>
</tr>
<tr>
<td>
<b>Form</b>
</td>
<td>
<a href="components/inputs/src/form-validator">Source</a>
</td>
<td>
<a href="https://react.syncfusion.com/form">Live demo</a>
</td>
</tr>

<tr>
<td>
<b>Checkbox</b>
Expand All @@ -220,6 +271,7 @@ Built-in Material 3 stylesheets provide a modern, accessible design out of the b
<a href="https://react.syncfusion.com/radio-button">Live demo</a>
</td>
</tr>

</table>

### Layout
Expand All @@ -229,7 +281,7 @@ Built-in Material 3 stylesheets provide a modern, accessible design out of the b
<td>
<b>Tooltip</b>
</td>
<td>
<td rowspan="2">
<a href="https://www.npmjs.com/package/@syncfusion/react-popups"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/react-popups" title="@syncfusion/react-popups" style="height:20px;" />
</td>
<td>
Expand All @@ -239,6 +291,17 @@ Built-in Material 3 stylesheets provide a modern, accessible design out of the b
<a href="https://react.syncfusion.com/tooltip">Live demo</a>
</td>
</tr>
<tr>
<td>
<b>Dialog</b>
</td>
<td>
<a href="components/popups/src/dialog">Source</a>
</td>
<td>
<a href="https://react.syncfusion.com/dialog">Live demo</a>
</td>
</tr>
</table>

### Navigations
Expand Down Expand Up @@ -273,13 +336,13 @@ Built-in Material 3 stylesheets provide a modern, accessible design out of the b

## Support
Product support is available for through following mediums.
* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=react-ui-components) support system or [Community forum](https://www.syncfusion.com/forums/pure-react?utm_source=npm&utm_campaign=react-ui-components).
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support or [Community forum](https://www.syncfusion.com/forums/pure-react?utm_source=npm&utm_campaign=react-ui-components).
* New [GitHub issue](https://github.com/syncfusion/react-ui-components/issues/new).
* Ask your query in [Stack Overflow](https://stackoverflow.com/) with tag `syncfusion` and `pure-react`.
## License
Check the license detail [here](https://github.com/syncfusion/react-ui-components/blob/master/license).

## Changelog
Check the changelog [here](https://react-api.syncfusion.com/release-notes/30.1.37).
Check the changelog [here](https://react-api.syncfusion.com/release-notes/31.1.17).

&copy; Copyright 2025 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
10 changes: 9 additions & 1 deletion components/base/CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,3 +1,11 @@
# Changelog

## [Unreleased]
## [Unreleased]

## 31.1.17 (2025-09-05)

### Common

#### Breaking Changes

- The separate `Material 3 Dark` theme CSS file has been removed. Applications should now use the unified `Material 3` theme, which dynamically supports both light and dark modes to simplify theme management.
40 changes: 24 additions & 16 deletions components/base/README.md
Original file line number Diff line number Diff line change
@@ -1,30 +1,38 @@
# React Base Library

A common package of Essential® studio react components which contains base libraries, providers and functions.
The `@syncfusion/react-base` package is a foundational library for Syncfusion's Essential® Studio React components. It provides core utilities, providers, and functions to support the development of feature-rich React applications.

**Key Features**

* Animation
* Ripple
* Internationalization
* Localization
* Right to Left
- `Animation`: Smooth and customizable animations for UI components.
- `Ripple Effect`: The ripple effects for interactive elements.
- `Internationalization`: Support for multiple languages and locales.
- `Localization`: Adaptable content for region-specific requirements.
- `Right-to-Left (RTL)`: Built-in support for RTL languages like Arabic and Hebrew.

<p align="center">
Trusted by the world's leading companies
<a href="https://www.syncfusion.com/">
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Syncfusion logo">
</a>
</p>
## Installation

## Setup

To install `base` and its dependent packages, use the following command,
To install `@syncfusion/react-base` and its dependencies, run the following command:

```sh
npm install @syncfusion/react-base
```

## Usage

This package serves as a dependency for other Syncfusion® React components. Import the necessary utilities or providers as needed in your React application. For example:

```tsx
import { Provider } from '@syncfusion/react-base';
import { Button } from '@syncfusion/react-buttons';

<Provider locale={'en-US'} dir={'ltr'} ripple={false}>
<Button>Submit</Button>
</Provider>
```

Refer to the [Syncfusion® Documentation](https://react.syncfusion.com/overview/introduction) for detailed usage instructions and examples.

## Support

Product support is available through following mediums.
Expand All @@ -43,4 +51,4 @@ Check the changelog [here](https://github.com/syncfusion/react-ui-components/blo

See [LICENSE FILE](https://github.com/syncfusion/react-ui-components/blob/master/license?utm_source=npm&utm_campaign=notification) for more info.

&copy; Copyright 2025 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
&copy; Copyright 2025 Syncfusion, Inc. All Rights Reserved. The Syncfusion® Essential® Studio license and copyright applies to this distribution.
2 changes: 1 addition & 1 deletion components/base/package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@syncfusion/react-base",
"version": "30.1.37",
"version": "31.1.17",
"description": "A common package of core React base, methods and class definitions",
"author": "Syncfusion Inc.",
"license": "SEE LICENSE IN license",
Expand Down
Loading