React UI library which provides a wide range of editable Styled and React components.
Visit the documentation page for more information and demo about SRC.
SRC is available as a package on NPM for use with a module bundler.
# NPM
$ npm install smart-react-components
# Yarn
$ yarn add smart-react-components
- Wide variety of editable ready to use Styled and React components.
- All components bundled separately.
- Customizable theme.
- Server side rendering.
- Written in TypeScript.
- I18n support.
✅ | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ | ✅ |
- Theme
- Default Values
- Styled Properties
- Server Side Rendering
- Alert
- Badge
- Breadcrumb
- Button
- Color Picker
- Date Picker
- Dropdown
- Element
- Fixed-Box
- Form
- Grid
- Loading
- Modal
- Overlay
- Pagination
- Pop-up
- Popover
- Progress Bar
- Router
- Table
- Tooltip
- Transition
- Wave Effect
After attaching the SRC theme to the Styled Components theme context, you are ready to use all the Styled and React components of SRC.
import React from "react"
import {render} from "react-dom"
import {ThemeProvider} from "styled-components"
import srcTheme from "smart-react-components/theme"
import H1 from "smart-react-components/element/H1"
render(
<ThemeProvider theme={{src:srcTheme}}>
<H1 color="primary">Hello World!</H1>
</ThemeProvider>,
document.getElementById("app")
)
SRC is provided under the MIT License.