Gravatar for claytonfbell@gmail.com

NPM material-ui-bootstrap

material-ui-bootstrap.xyzgithub.com/claytonfbell/material-ui-bootstrap

npm version Build Status

I sometimes like the cleaner button styles and variants bootstrap's buttons and alerts. These components are simple to drop in place without losing any features or properties of Material UIs original components.

primary labelsecondary labelsuccess labeldanger labelwarning labelinfo labellight labeldark label

A bootstrap alert

A bootstrap alert

A bootstrap alert

A bootstrap alert

A bootstrap alert

A bootstrap alert

A bootstrap alert

A bootstrap alert

Panel
A bootstrap 3 style panel
Panel
A bootstrap 3 style panel
Panel
A bootstrap 3 style panel
Panel
A bootstrap 3 style panel
Panel
A bootstrap 3 style panel
Panel
A bootstrap 3 style panel
Panel
A bootstrap 3 style panel
Panel
A bootstrap 3 style panel

Cards

A bootstrap card

Cards

A bootstrap card

Cards

A bootstrap card

Cards

A bootstrap card

Cards

A bootstrap card

Cards

A bootstrap card

Cards

A bootstrap card

Cards

A bootstrap card
import { Grid } from "@material-ui/core"
import { Button } from "material-ui-bootstrap"
import { bootstrapColors } from "material-ui-bootstrap/dist/Alert"
import React from "react"

export default function Demo() {
  return (
    <Button variant="contained" color="success">
      Green Button
    </Button>
  )
}
Stack Used