npm.io
1.6.5 • Published 5 years ago

paperlabeled-material-ui

Licence
ISC
Version
1.6.5
Deps
7
Size
7 kB
Vulns
0
Weekly
0
SummaryDependencyVersions

paper-labered

Material-ui Paper witch includes a title on the top margin.

Install

npm install paperlabeled-material-ui
yarn add paperlabeled-material-ui

Usage

Here's an example of basic usage:

import React, { useState } from 'react'
import PaperLabeled from 'paperlabeled-material-ui'

function MyApp() {

  return (
    <div>
      <PaperLabeled title="Title">
        <h3>Lorem Ipsum</h3>
        <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...</p>
      </PaperLabeled>
    </div>
  );
}

alt text

User guide

PaperLabeled

Displays a material-ui Paper with a label in the top margin

props
Prop name Type Description Default value
title string Title that will be shown in the top margin of the Paper ''
labelComp React.ReactElement React component that will be shown in the top margin of the Paper instead of the title. This option will make title prop disabled. undefined
paperProps PaperProps Properties of the Material UI Papper undefined
labelClass string CSS class name for the label ''
labelClassContainer string CSS class name for the label container ''

Keywords

reacteslintmateriao-uitypescript