<h2>Overview</h2>
<p>The rc-calendar is a React Calendar component with several features designed to support different functionalities for date selection and display. It provides support for multiple locales, accessibility features, and keyboard shortcuts for a better user experience.</p>
<h2>Features</h2>
<ul>
<li><strong>Support for date, month, year, decade select panels</strong></li>
<li><strong>Support for week numbers</strong></li>
<li><strong>Support for en_US and zh_CN locales</strong></li>
<li><strong>Keyboard shortcuts for easy navigation</strong></li>
<li><strong>Ability to set timezones using moment.utcOffset</strong></li>
<li><strong>Accessibility features for aria and keyboard navigation</strong></li>
</ul>


<h2>Overview</h2>
<p>The <code>rc-dialog</code> is a React dialog component that allows users to create customizable dialogs in their web applications. It provides various features such as custom styling, animations, and close button options.</p>
<h2>Features</h2>
<ul>
<li><strong>PrefixCls</strong>: Setting the prefix for the dialog DOM node.</li>
<li><strong>Classname</strong>: Option for providing additional classnames for the dialog.</li>
<li><strong>ClassNames</strong>: Ability to pass classnames to specific areas such as header, body, footer, etc.</li>
<li><strong>Styles</strong>: Custom styling options for different parts of the dialog.</li>
<li><strong>ZIndex</strong>: Control over the z-index of the dialog.</li>
<li><strong>Visible</strong>: Managing the visibility status of the dialog.</li>
<li><strong>Animation</strong>: Configurable animation for the dialog.</li>
<li><strong>Closable</strong>: Option to show or hide the close button.</li>
</ul>


<h2>Overview:</h2>
<p>The rc-drawer component is a React component that provides a sliding drawer functionality for web applications. It allows users to easily show and hide content by sliding it from the edge of the screen. The component supports various browsers and provides customization options through props.</p>
<h2>Features:</h2>
<ul>
<li><strong>Easy Installation</strong>: Simple installation process for integrating the rc-drawer component into your React project.</li>
<li><strong>Browser Support</strong>: Supports a wide range of browsers including IE, Chrome, Firefox, Opera, and Safari.</li>
<li><strong>Customization</strong>: Allows users to customize the drawer with options like classNames, styles, width, height, and more.</li>
<li><strong>Open/Close Functionality</strong>: Provides a boolean <code>open</code> prop to control the visibility of the drawer content.</li>
</ul>


<h2>Overview</h2>
<p>rc-form is a React High Order Form Component that offers a variety of features for creating and managing forms in React applications. It supports both React.js and React Native, allowing for seamless form validation and data handling.</p>
<h2>Features</h2>
<ul>
<li><strong>Support for React.js and React Native</strong>: Enables the creation of forms for both web and mobile applications.</li>
<li><strong>Field Validation with async-validator</strong>: Validate form fields efficiently.</li>
<li><strong>Field Customization Options</strong>: Customize field names, meta data, and field data storage.</li>
<li><strong>Form State Management</strong>: Maintain form state and values easily.</li>
<li><strong>Redux Integration</strong>: Easily dispatch fields to the Redux store when they change.</li>
</ul>
<h2>Summary</h2>
<p>rc-form is a powerful tool for managing forms in React applications. With features like field validation, Redux integration, and support for both React.js and React Native, it provides a comprehensive solution for handling form data efficiently and effectively. By following the installation guide and utilizing the provided options and functions, developers can streamline the form creation process and enhance the user experience of their applications.</p>


<h2>Overview</h2>
<p>The rc-input-number is a npm package that provides an input number control feature. It allows users to input numbers with added functionalities for easy navigation. The package is open-source and released under the MIT license.</p>
<h2>Features</h2>
<ul>
<li><strong>Input Number Control</strong>: Allows users to input numbers.</li>
<li><strong>Keyboard Navigation</strong>: Increment or decrement input value with arrow keys or modifier keys.</li>
<li><strong>Mouse Wheel Support</strong>: Increase or decrease input value by scrolling.</li>
</ul>
<h2>Summary</h2>
<p>The rc-input-number package is a useful tool for inputting numbers with added functionalities for easy navigation. With features like keyboard navigation and mouse wheel support, it provides a convenient user experience.</p>


<h2>Overview</h2>
<p>The rc-menu is a React Menu Component that can be easily integrated into React applications. It is a port from an existing GitHub repository and is available for download via NPM. The component offers a range of features and compatibility across different browsers.</p>
<h2>Features</h2>
<ul>
<li><strong>Menu props</strong>: Customizable props for the menu component.</li>
<li><strong>Menu.Item props</strong>: Properties for individual items within the menu.</li>
<li><strong>Menu.SubMenu props</strong>: Properties for creating submenus within the menu.</li>
<li><strong>Menu.Divider props</strong>: Option to add dividers between menu items.</li>
<li><strong>Menu.ItemGroup props</strong>: Properties for grouping menu items together.</li>
</ul>
<h2>Summary</h2>
<p>The <code>rc-menu</code> React Menu Component offers a comprehensive set of features for creating dynamic and interactive menus in React applications. With easy installation via npm and various props for customization, developers can efficiently build menus that cater to different requirements. Compatibility across modern browsers ensures a smooth user experience for a wide range of audiences.</p>


<h2>Overview:</h2>
<p>The rc-notification is a React Notification UI Component that allows developers to easily implement notification popups in their web applications. It provides a simple and customizable way to display notifications to users based on different events or actions in the application.</p>
<h2>Features:</h2>
<ul>
<li><strong>NPM Version:</strong> Includes the current version of the npm package.</li>
<li><strong>Test Coverage:</strong> Provides information on the test coverage of the component.</li>
<li><strong>Installation:</strong> Easy installation process with npm package.</li>
<li><strong>Usage:</strong> Offers a simple guide on how to use the notification component.</li>
<li><strong>Compatibility:</strong> Compatible with major browsers and Electron.</li>
<li><strong>API:</strong> Provides methods like <code>newInstance</code>, <code>notice</code>, <code>removeNotice</code>, and <code>destroy</code> for managing notifications.</li>
<li><strong>License:</strong> Released under the MIT license.</li>
</ul>
<h2>Summary:</h2>
<p>The rc-notification is a versatile React Notification UI Component that simplifies the process of implementing notification popups in web applications. With its compatibility across major browsers and Electron, along with a comprehensive API for managing notifications, developers can enhance user experience with informative and interactive notifications.</p>


<h2>Overview</h2>
<p>The <code>rc-pagination</code> is a React Pagination Component that helps in pagination of items in a web application. This component allows for easy navigation through multiple pages of content. It offers various customizable features for controlling the pagination of data.</p>
<h2>Features</h2>
<ul>
<li><strong>disabled:</strong> Disable pagination feature.</li>
<li><strong>align:</strong> Alignment options for pagination (start, center, end).</li>
<li><strong>defaultCurrent:</strong> Set the default current page.</li>
<li><strong>current:</strong> Set the current page.</li>
<li><strong>total:</strong> Total count of items.</li>
<li><strong>defaultPageSize:</strong> Set the default items per page.</li>
<li><strong>pageSize:</strong> Set the number of items per page.</li>
</ul>
<h2>Summary</h2>
<p>The <code>rc-pagination</code> React component is a useful tool for implementing pagination in web applications. With its various customizable features, developers can easily control and navigate through paginated content. By following the installation guide and utilizing the provided API, developers can efficiently incorporate pagination functionality into their projects.</p>


<h2>Overview</h2>
<p>The rc-progress is a Progress Bar component for React applications. It provides a simple and versatile way to display progress visually to users. With support for various browsers, this component can be easily integrated into React projects to enhance user experience.</p>
<h2>Features</h2>
<ul>
<li><strong>Progress Bar:</strong> Visual representation of progress in React applications.</li>
<li><strong>Browser Support:</strong> Compatible with IE9+, Chrome, Firefox, and Safari.</li>
<li><strong>API Props:</strong> Customizable props for flexibility in usage.</li>
<li><strong>MIT License:</strong> Released under the MIT license for open-source use.</li>
</ul>
<h2>Summary</h2>
<p>The rc-progress component offers a quick and easy way to implement progress bars in React applications. With support for major browsers and customizable props, developers can efficiently enhance the user interface and provide visual feedback on progress. This open-source component under the MIT license allows for flexibility and ease of use in various projects.</p>


<h2>Overview:</h2>
<p>The rc-select, also known as React Select, is a versatile npm package that provides a customizable select component for React applications. It supports various modern browsers such as IE11+, Chrome, Firefox, and Safari. Users can navigate the select options using keyboard inputs and have the flexibility to customize the dropdown animation.</p>
<h2>Features:</h2>
<ul>
<li><strong>Browser Support</strong>: Compatible with IE11+, Chrome, Firefox, and Safari.</li>
<li><strong>Keyboard Navigation</strong>: Users can navigate the select menu using keyboard inputs.</li>
<li><strong>Customization</strong>: Options to set different dropdown animations and additional styling.</li>
</ul>
<h2>Summary:</h2>
<p>The rc-select package offers a feature-rich select component for React applications, providing users with the flexibility to customize their dropdown animations, implement keyboard navigation, and support multiple browsers. With its easy installation process through npm, developers can quickly integrate this component into their projects for enhanced user experience.</p>


<h2>Overview:</h2>
<p>The rc-slider is a Slider UI component designed for React. It provides a range of features and functionalities to create interactive sliders for web applications. The component is easy to install and use, making it a convenient tool for developers working with React projects.</p>
<h2>Features:</h2>
<ul>
<li><strong>Slider UI Component for React:</strong> Allows users to create customizable slider components in React applications.</li>
<li><strong>Range Support:</strong> Provides support for creating ranges within the slider component.</li>
<li><strong>Tooltip Extension:</strong> Includes an extension to add tooltips to slider handles for enhanced user experience.</li>
<li><strong>Common API:</strong> Shared APIs for Slider and Range components, such as setting minimum and maximum values, defining marks, and customizing handle behavior.</li>
</ul>
<h2>Summary:</h2>
<p>The rc-slider is a versatile Slider UI component for React that offers a range of features such as Range support, tooltip extensions, and a common API for customizing slider behavior. With easy installation using npm, developers can quickly integrate this component into their React applications to create interactive and user-friendly sliders.</p>


<h2>Overview:</h2>
<p>The rc-steps is a React steps component that allows users to create a step-by-step progression interface in their web applications. It provides a customizable way to guide users through a process by breaking it down into individual steps.</p>
<h2>Features:</h2>
<ul>
<li><strong>Step-by-step Progression</strong>: Easily create a sequential flow for users to follow.</li>
<li><strong>Customization</strong>: Customize the appearance and behavior of each step.</li>
<li><strong>Responsive Design</strong>: Works well on various screen sizes.</li>
<li><strong>Easy Integration</strong>: Simple integration into React applications.</li>
<li><strong>MIT License</strong>: Can be used freely in both personal and commercial projects.</li>
</ul>
<h2>Summary:</h2>


<h2>Overview:</h2>
<p>The rc-tabs is a React Tabs component that allows users to organize content into tabbed sections. It provides a variety of features and customization options to enhance user experience.</p>
<h2>Features:</h2>
<ul>
<li><strong>Keyboard navigation:</strong> Navigate between tabs using keyboard arrow keys.</li>
<li><strong>Customization:</strong> Customize the prefix class name, tab bar style, and other CSS properties.</li>
<li><strong>Tab configuration:</strong> Configure tab content with unique identifiers, initial active tab, direction, animation, and more.</li>
<li><strong>Tab item settings:</strong> Customize tab items with labels, styles, disable options, and closable features.</li>
</ul>
<h2>Summary:</h2>
<p>The rc-tabs React Tabs component provides a versatile solution for organizing content into tabs with various customization options and features for enhanced user interaction experience. By allowing keyboard navigation, tab configuration settings, and tab item customization, users can create dynamic and interactive tabbed interfaces within their React applications.</p>


<h2>Overview:</h2>
<p>TimePickerReact is a time picker control component for React. It allows users to select a time value easily in their applications.</p>
<h2>Features:</h2>
<ul>
<li><strong>prefixCls</strong>: Specifies the prefix class for the component.</li>
<li><strong>clearText</strong>: Allows customizing the clear tooltip text.</li>
<li><strong>disabled</strong>: Enables or disables the time picker.</li>
<li><strong>allowEmpty</strong>: Allows clearing the selected time.</li>
<li><strong>open</strong>: Controls the visibility of the time picker.</li>
<li><strong>defaultValue</strong>: Sets the default initial value for the time picker.</li>
<li><strong>defaultOpenValue</strong>: Sets the default open panel value.</li>
</ul>


<h2>Overview</h2>
<p>The rc-tooltip is a React Tooltip package available on NPM. It provides a tooltip component for React applications enhancing user interaction and providing informative hints. The package supports various browsers including IE / Edge, Firefox, Chrome, Safari, and Opera.</p>
<h2>Features</h2>
<ul>
<li><strong>Easy Installation</strong>: Simple NPM download and installation process.</li>
<li><strong>Wide Browser Support</strong>: Compatible with IE 8+, Firefox 31.0+, Chrome 31.0+, Safari 7.0+, Opera 30.0+.</li>
<li><strong>API Props</strong>: Customizable props like trigger actions for the tooltip component.</li>
</ul>
<h2>Summary</h2>
<p>The rc-tooltip React Tooltip is a versatile package that enhances user experience by providing tooltips in React applications. With easy installation, wide browser support, and customizable API props, it's a useful addition for developers looking to add interactive tooltips to their projects.</p>


<h2>Overview:</h2>
<p>The rc-tree component is a tree component that supports various features such as checkable nodes, drag and drop functionality, customization of icons, loading data asynchronously, and more. It is compatible with popular browsers, including Internet Explorer 9 and above.</p>
<h2>Features:</h2>
<ul>
<li><strong>Support for all popular browsers</strong></li>
<li><strong>Checkable nodes</strong></li>
<li><strong>Drag and drop functionality</strong></li>
<li><strong>Customization of icons</strong></li>
<li><strong>Asynchronous data loading</strong></li>
<li><strong>Multiple select options</strong></li>
<li><strong>Ability to show/hide icons</strong></li>
<li><strong>Ability to show/hide lines</strong></li>
</ul>


<h2>Overview:</h2>
<p>The <code>rc-tree-select</code> React TreeSelect Component is a customizable and feature-rich tool for implementing tree select functionality in a web application. With a wide range of options for customization, it provides developers with a versatile solution for creating interactive tree selection interfaces.</p>
<h2>Features:</h2>
<ul>
<li><strong>TreeSelect props</strong>: Control various aspects of the TreeSelect component, such as class names, dropdown animations, search input visibility, and more.</li>
<li><strong>Dropdown customization</strong>: Customize the appearance and behavior of the dropdown menu, including width matching, additional classes, and styles.</li>
<li><strong>Item selection</strong>: Enable features like multiple selection, clearing selections, maximum tag length and count, and placeholder text for omitted values.</li>
<li><strong>Event handling</strong>: Utilize event handlers for actions like selecting tree nodes, changing input values, expanding tree nodes, and scrolling within the dropdown.</li>
</ul>


<h2>Overview:</h2>
<p>rc-upload is a versatile React upload component that supports various browsers like IE11+, Chrome, Firefox, and Safari. It offers a range of features for uploading files, handling errors, and customizing requests.</p>
<h2>Features:</h2>
<ul>
<li><strong>Browser Support:</strong> Works on IE11+, Chrome, Firefox, and Safari.</li>
<li><strong>Customizable Styles:</strong> Customize the root component with inline styles or class names.</li>
<li><strong>Upload Settings:</strong> Options for file upload like directory upload, request method, and input attributes.</li>
<li><strong>Error Handling:</strong> Callback functions for handling errors and tracking progress.</li>
<li><strong>Advanced Customization:</strong> Override default behavior like XMLHttpRequest calls for more customization.</li>
<li><strong>License:</strong> Released under the MIT license.</li>
</ul>
<h2>Summary:</h2>
<p>rc-upload is a feature-rich React component for handling file uploads with support for various browsers. It offers customization options for styles, upload settings, error handling, and advanced customization through overriding default behaviors. With its MIT license, it provides flexibility for various projects requiring file upload functionality.</p>


React Component

Calendar

Dialog

Drawer

Form

Input Number

Menu

Notification

Pagination

Progress

Select

Slider

Steps

Tabs

Time Picker

Tooltip

Tree

Tree Select

Upload