Get started with react-toolbox CDN

MIT licensed

React-Toolbox is a collection of Material Design UI components for React applications.

Tags:
  • components
  • material design
  • react
  • react-component
  • toolkit

Stable version

Copied!

How to start using react-toolbox CDN


import React from 'react';
import { Button, Card, CardMedia, CardText } from 'react-toolbox';

const MyComponent = () => (
  <div>
    <Button label="Click me" />

    <Card style={{ width: '400px', margin: '20px' }}>
      <CardMedia
        overlay={<CardText>This is an image</CardText>}
        src="https://picsum.photos/id/237/400/300"
      />
      <CardText title="Card title">
        This is a card with a title and some text.
      </CardText>
    </Card>
  </div>
);

export default MyComponent;
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions