react-mdl - React Components for Material Design Lite

  •        33

This library is now deprecated. It's higly recommended to use Material Design Components instead. Instead of using the official material.css and material.js files from the MDL project, you should use the files we provide in /extra. The reason to that is because the official Layout component is not fully compatible with React. We made a patch and we re-exported everything so people can still use it. If you're worried about the changes we made, you can take a look at the patch note or read about the issue in this ticket.

https://tleunen.github.io/react-mdl/
https://github.com/tleunen/react-mdl

Dependencies:

clamp : ^1.0.1
classnames : ^2.2.3
lodash.isequal : ^4.4.0
prop-types : ^15.5.0

Tags
Implementation
License
Platform

   




Related Projects

react-foundation - Foundation as React components.

  •    Javascript

Foundation as React components. Foundation is both feature-rich and easy to customize. React on the other hand is awesome because of its simplicity. It's even more awesome when combined with Redux and Immutable.

react-native-simple-radio-button - Simple and handy animated radio button component for React Native

  •    Javascript

callback when radio button clicked. The index of selected radio button. This is used when this component is activated. If you want to pass initial as asynchronous, you can use updateIsActiveIndex function.

react-aria-menubutton - A fully accessible, easily themeable, React-powered menu button

  •    Javascript

A React component (set of components, really) that will help you build accessible menu buttons by providing keyboard interactions and ARIA attributes aligned with the WAI-ARIA Menu Button Design Pattern. Please check out the demo.


react-native-action-button - customizable multi-action-button component for react-native

  •    Javascript

to link all libraries with native dependencies in your project. ActionButton component is the main component which wraps everything and provides a couple of props (see Config below).

react-native-button-component - A Beautiful, Customizable React Native Button component for iOS & Android

  •    Javascript

React Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.

react-native-icons - Quick and easy icons in React Native

  •    Objective-C

There's far bigger problems to solve in the open source and React Native communities than competing icon libraries so I'll be focusing on pushing forward other initiatives. Includes 5 different icon fonts and 2,444 icons.

react-native-drawer - React Native Drawer

  •    Javascript

React native drawer, configurable to achieve material design style, slack style, parallax, and more. Works in both iOS and Android. This module supports a wide range of drawer styles, and hence has a lot of props.

show-me-the-react - A Google Chrome extension that highlights React components on the page.

  •    Javascript

It is a page action so the icon () only shows up in the URL bar when the page contains React-managed DOM. It is off by default -- you have to click the icon to highlight the elements rendered/managed by React (and you can click the icon again to toggle the highlight off). You can install this from the Chrome Web Store. Credit for the original idea goes to someone on Twitter who tweeted a one liner. I can't remember who it was or find it so if someone knows, please let me know.

react-native-image-progress - Progress indicator for networked images in React Native

  •    Javascript

Note: Progress indicators has been broken out to a separate component; react-native-progress. To use them, please follow installation instructions for that package. Note: onLoad* events are bubbled up, so if you want to do some custom thing when the image is loaded for example.

react-radio-group - Better radio buttons.

  •    Javascript

Then either import {RadioGroup, Radio} from 'react-radio-group' or add node_modules/react-radio-group/umd/index.js into your HTML file (exports the RadioGroup global which contains both, the RadioGroup and Radio component.). Repetitive fields are either lifted onto the RadioGroup wrapper or already implicitly set on the Radio component, which is a simple wrapper around the radio input.

react-native-progress - Progress indicators and spinners for React Native using ReactART

  •    Javascript

Progress indicators and spinners for React Native using ReactART. To use the Pie or Circle components, you need to include the ART library in your project on iOS, for android it's already included.

react-native-button - A button for React apps

  •    Javascript

Install the button from npm with npm install react-native-button --save. Then, require it from your app's JavaScript files with import Button from 'react-native-button'. The React packager will include the Button component in your app's JS package and make it available for your app to use.

react-native-star-rating - A React Native component for generating and displaying interactive star ratings

  •    Javascript

A React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Android. For the emptyStar, fullStar, halfStar, and iconSet props, please refer to the react-native-vector-icons package for the valid string names for the star icons. When selecting the icon string names, you must remember to remove the font family name before the first hyphen. For example, if you want to use the ion-ios-star from the Ionicon font set, you would set the fullStar prop to ios-star and the iconSet to Ionicons.

react-native-button - A React Native button component customizable via props

  •    Javascript

A React Native button component customizable via style props. Renders a TouchableOpacity under iOS and a TouchableNativeFeedback under Android.

react-ladda - React wrapper for Ladda buttons.

  •    Javascript

LaddaButton is a React component that renders a Ladda button. You can change the button's loading state and progress using the loading and progress props.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.