smart-react-components

Smart React Components

React UI library which provides a wide range of editable Styled and React components.

Documentation

Visit the documentation page for more information and demo about SRC.

Installation

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

Features

• 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.

Environment Support

:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:white_check_mark:	:x:	:white_check_mark:	:white_check_mark:

Links

• 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

Usage

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")
)

License

SRC is provided under the MIT License.