From 646f790c2c07bd8f08da4e8a8e7004d0485300d0 Mon Sep 17 00:00:00 2001 From: mbrookes Date: Mon, 8 Feb 2016 20:15:01 +0000 Subject: [PATCH] [Docs] Add page title --- docs/package.json | 4 +++- docs/src/app/components/master.jsx | 13 +++++-------- .../app/components/pages/components/AppBar/Page.jsx | 3 +++ .../pages/components/AutoComplete/Page.jsx | 3 +++ .../app/components/pages/components/Avatar/Page.jsx | 3 +++ .../app/components/pages/components/Badge/Page.jsx | 3 +++ .../app/components/pages/components/Card/Page.jsx | 3 +++ .../components/pages/components/Checkbox/Page.jsx | 3 +++ .../pages/components/CircularProgress/Page.jsx | 3 +++ .../components/pages/components/DatePicker/Page.jsx | 3 +++ .../app/components/pages/components/Dialog/Page.jsx | 3 +++ .../components/pages/components/Divider/Page.jsx | 3 +++ .../pages/components/DropDownMenu/Page.jsx | 3 +++ .../components/pages/components/FlatButton/Page.jsx | 3 +++ .../pages/components/FloatingActionButton/Page.jsx | 3 +++ .../components/pages/components/FontIcon/Page.jsx | 3 +++ .../components/pages/components/GridList/Page.jsx | 3 +++ .../components/pages/components/IconButton/Page.jsx | 3 +++ .../components/pages/components/IconMenu/Page.jsx | 3 +++ .../components/pages/components/LeftNav/Page.jsx | 3 +++ .../pages/components/LinearProgress/Page.jsx | 3 +++ .../app/components/pages/components/List/Page.jsx | 3 +++ .../app/components/pages/components/Menu/Page.jsx | 3 +++ .../app/components/pages/components/Paper/Page.jsx | 3 +++ .../components/pages/components/Popover/Page.jsx | 3 +++ .../pages/components/RadioButton/Page.jsx | 3 +++ .../pages/components/RaisedButton/Page.jsx | 3 +++ .../pages/components/RefreshIndicator/Page.jsx | 3 +++ .../pages/components/SelectField/Page.jsx | 3 +++ .../app/components/pages/components/Slider/Page.jsx | 3 +++ .../components/pages/components/Snackbar/Page.jsx | 3 +++ .../components/pages/components/Subheader/Page.jsx | 3 +++ .../components/pages/components/SvgIcon/Page.jsx | 3 +++ .../app/components/pages/components/Table/Page.jsx | 3 +++ .../app/components/pages/components/Tabs/Page.jsx | 3 +++ .../components/pages/components/TextField/Page.jsx | 3 +++ .../components/pages/components/TimePicker/Page.jsx | 3 +++ .../app/components/pages/components/Toggle/Page.jsx | 3 +++ .../components/pages/components/Toolbar/Page.jsx | 3 +++ .../app/components/pages/customization/colors.jsx | 3 +++ .../pages/customization/inline-styles.jsx | 3 +++ .../app/components/pages/customization/themes.jsx | 3 +++ .../components/pages/discover-more/Community.jsx | 7 ++++++- .../components/pages/discover-more/Contributing.jsx | 7 ++++++- .../pages/discover-more/RelatedProjects.jsx | 7 ++++++- .../app/components/pages/discover-more/Showcase.jsx | 3 +++ .../app/components/pages/get-started/Examples.jsx | 7 ++++++- .../components/pages/get-started/Installation.jsx | 7 ++++++- .../components/pages/get-started/Prerequisites.jsx | 7 ++++++- .../pages/get-started/ServerRendering.jsx | 7 ++++++- docs/src/app/components/pages/get-started/Usage.jsx | 7 ++++++- 51 files changed, 179 insertions(+), 17 deletions(-) diff --git a/docs/package.json b/docs/package.json index 1ef15526c93c92..4c76acc0f22542 100644 --- a/docs/package.json +++ b/docs/package.json @@ -18,7 +18,9 @@ "native:development": "node_modules/react-native/packager/packager.sh --reset-cache", "android:setup-port": "adb reverse tcp:8081 tcp:8081" }, - "dependencies": {}, + "dependencies": { + "react-title-component": "^1.0.1" + }, "devDependencies": { "babel-eslint": "^4.1.6", "babel-plugin-transform-react-constant-elements": "^6.3.13", diff --git a/docs/src/app/components/master.jsx b/docs/src/app/components/master.jsx index 3ba2dce5454c9f..0143fa0be9d3aa 100644 --- a/docs/src/app/components/master.jsx +++ b/docs/src/app/components/master.jsx @@ -1,16 +1,12 @@ import React from 'react'; +import Title from 'react-title-component'; + import AppBar from 'material-ui/lib/app-bar'; import IconButton from 'material-ui/lib/icon-button'; import {Spacing} from 'material-ui/lib/styles'; -import { - StylePropable, - StyleResizable, -} from 'material-ui/lib/mixins'; +import {StylePropable, StyleResizable} from 'material-ui/lib/mixins'; -import { - Colors, - getMuiTheme, -} from 'material-ui/lib/styles'; +import {Colors, getMuiTheme} from 'material-ui/lib/styles'; import AppLeftNav from './app-left-nav'; import FullWidthSection from './full-width-section'; @@ -172,6 +168,7 @@ const Master = React.createClass({ return (
+ <AppBar onLeftIconButtonTouchTap={this.handleTouchTapLeftIconButton} title={title} diff --git a/docs/src/app/components/pages/components/AppBar/Page.jsx b/docs/src/app/components/pages/components/AppBar/Page.jsx index 4c0037f29bc4d3..f8e74121fdbf40 100644 --- a/docs/src/app/components/pages/components/AppBar/Page.jsx +++ b/docs/src/app/components/pages/components/AppBar/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -22,6 +24,7 @@ const descriptions = { const AppBarPage = () => ( <div> + <Title render={(previousTitle) => `App Bar - ${previousTitle}`} /> <MarkdownElement text={appBarReadmeText} /> <CodeExample code={appBarExampleIconCode} diff --git a/docs/src/app/components/pages/components/AutoComplete/Page.jsx b/docs/src/app/components/pages/components/AutoComplete/Page.jsx index 2b08ea893541e1..e16b8a397cfaca 100644 --- a/docs/src/app/components/pages/components/AutoComplete/Page.jsx +++ b/docs/src/app/components/pages/components/AutoComplete/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -22,6 +24,7 @@ const descriptions = { const AutoCompletesPage = () => ( <div> + <Title render={(previousTitle) => `Auto Complete - ${previousTitle}`} /> <MarkdownElement text={autoCompleteReadmeText} /> <CodeExample code={autoCompleteExampleSimpleCode} diff --git a/docs/src/app/components/pages/components/Avatar/Page.jsx b/docs/src/app/components/pages/components/Avatar/Page.jsx index dc2259fb36cb80..9f95ff5ba8aaeb 100644 --- a/docs/src/app/components/pages/components/Avatar/Page.jsx +++ b/docs/src/app/components/pages/components/Avatar/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -13,6 +15,7 @@ const description = 'Examples of `Avatar` using an image, [Font Icon](/#/compone const AvatarsPage = () => ( <div> + <Title render={(previousTitle) => `Avatar - ${previousTitle}`} /> <MarkdownElement text={avatarReadmeText} /> <CodeExample code={avatarExampleSimpleCode} diff --git a/docs/src/app/components/pages/components/Badge/Page.jsx b/docs/src/app/components/pages/components/Badge/Page.jsx index edfb73922016ea..06571cd95ddc78 100644 --- a/docs/src/app/components/pages/components/Badge/Page.jsx +++ b/docs/src/app/components/pages/components/Badge/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -21,6 +23,7 @@ const descriptions = { const BadgePage = () => ( <div> + <Title render={(previousTitle) => `Badge - ${previousTitle}`} /> <MarkdownElement text={badgeReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/Card/Page.jsx b/docs/src/app/components/pages/components/Card/Page.jsx index e80998582ae63a..ae0d0a4a573a19 100644 --- a/docs/src/app/components/pages/components/Card/Page.jsx +++ b/docs/src/app/components/pages/components/Card/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -26,6 +28,7 @@ const descriptions = { const CardPage = () => ( <div> + <Title render={(previousTitle) => `Card - ${previousTitle}`} /> <MarkdownElement text={cardReadmeText} /> <CodeExample title="Card components example" diff --git a/docs/src/app/components/pages/components/Checkbox/Page.jsx b/docs/src/app/components/pages/components/Checkbox/Page.jsx index 7f363c1a410223..a03422ba919704 100644 --- a/docs/src/app/components/pages/components/Checkbox/Page.jsx +++ b/docs/src/app/components/pages/components/Checkbox/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -15,6 +17,7 @@ const description = 'The second example is selected by default using the `defaul const CheckboxPage = () => ( <div> + <Title render={(previousTitle) => `Checkbox - ${previousTitle}`} /> <MarkdownElement text={checkboxReadmeText} /> <CodeExample title="Examples" diff --git a/docs/src/app/components/pages/components/CircularProgress/Page.jsx b/docs/src/app/components/pages/components/CircularProgress/Page.jsx index 9ab580b52ecc2d..7b884ccd04f0fb 100644 --- a/docs/src/app/components/pages/components/CircularProgress/Page.jsx +++ b/docs/src/app/components/pages/components/CircularProgress/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -18,6 +20,7 @@ const descriptions = { const CircleProgressPage = () => ( <div> + <Title render={(previousTitle) => `Circular Progress - ${previousTitle}`} /> <MarkdownElement text={circleProgressReadmeText} /> <CodeExample title="Indeterminate progress" diff --git a/docs/src/app/components/pages/components/DatePicker/Page.jsx b/docs/src/app/components/pages/components/DatePicker/Page.jsx index 52dd9cc8a60ff2..771dc19cffc275 100644 --- a/docs/src/app/components/pages/components/DatePicker/Page.jsx +++ b/docs/src/app/components/pages/components/DatePicker/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -29,6 +31,7 @@ const descriptions = { const DatePickerPage = () => ( <div> + <Title render={(previousTitle) => `Date Picker - ${previousTitle}`} /> <MarkdownElement text={datePickerReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/Dialog/Page.jsx b/docs/src/app/components/pages/components/Dialog/Page.jsx index c4ad11f59eb656..3de29fcee905c4 100644 --- a/docs/src/app/components/pages/components/Dialog/Page.jsx +++ b/docs/src/app/components/pages/components/Dialog/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -25,6 +27,7 @@ const descriptions = { const DialogPage = () => ( <div> + <Title render={(previousTitle) => `Dialog - ${previousTitle}`} /> <MarkdownElement text={dialogReadmeText} /> <CodeExample title="Simple dialog" diff --git a/docs/src/app/components/pages/components/Divider/Page.jsx b/docs/src/app/components/pages/components/Divider/Page.jsx index e8afab5822ecc1..adb0f732031038 100644 --- a/docs/src/app/components/pages/components/Divider/Page.jsx +++ b/docs/src/app/components/pages/components/Divider/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -23,6 +25,7 @@ const descriptions = { const DividerPage = () => { return ( <div> + <Title render={(previousTitle) => `Divider - ${previousTitle}`} /> <MarkdownElement text={dividerReadmeText} /> <CodeExample title="Form divider" diff --git a/docs/src/app/components/pages/components/DropDownMenu/Page.jsx b/docs/src/app/components/pages/components/DropDownMenu/Page.jsx index ae51d72cfeb54e..e29576544143d0 100644 --- a/docs/src/app/components/pages/components/DropDownMenu/Page.jsx +++ b/docs/src/app/components/pages/components/DropDownMenu/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -23,6 +25,7 @@ const descriptions = { const DropDownMenuPage = () => ( <div> + <Title render={(previousTitle) => `Drop Down Menu - ${previousTitle}`} /> <MarkdownElement text={dropDownMenuReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/FlatButton/Page.jsx b/docs/src/app/components/pages/components/FlatButton/Page.jsx index 7f7819a000d770..44ee48b7fbb24c 100644 --- a/docs/src/app/components/pages/components/FlatButton/Page.jsx +++ b/docs/src/app/components/pages/components/FlatButton/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -19,6 +21,7 @@ const descriptions = { const FlatButtonPage = () => ( <div> + <Title render={(previousTitle) => `Flat Button - ${previousTitle}`} /> <MarkdownElement text={flatButtonReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/FloatingActionButton/Page.jsx b/docs/src/app/components/pages/components/FloatingActionButton/Page.jsx index ebbb96f0474392..df7cf5e9c25b41 100644 --- a/docs/src/app/components/pages/components/FloatingActionButton/Page.jsx +++ b/docs/src/app/components/pages/components/FloatingActionButton/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -15,6 +17,7 @@ const descriptions = { const FloatingActionButtonPage = () => ( <div> + <Title render={(previousTitle) => `Floating Action Button - ${previousTitle}`} /> <MarkdownElement text={floatingButtonReadmeText} /> <CodeExample description={descriptions.simple} code={floatingButtonExampleSimpleCode}> <FloatingButtonExampleSimple /> diff --git a/docs/src/app/components/pages/components/FontIcon/Page.jsx b/docs/src/app/components/pages/components/FontIcon/Page.jsx index fbf24d4d131ecd..7510a1d3c5daa2 100644 --- a/docs/src/app/components/pages/components/FontIcon/Page.jsx +++ b/docs/src/app/components/pages/components/FontIcon/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -20,6 +22,7 @@ const descriptions = { const FontIconPage = () => ( <div> + <Title render={(previousTitle) => `Font Icon - ${previousTitle}`} /> <MarkdownElement text={iconReadmeText} /> <CodeExample title="Custom icon font" diff --git a/docs/src/app/components/pages/components/GridList/Page.jsx b/docs/src/app/components/pages/components/GridList/Page.jsx index 55ea7c597574c6..a03e154e5b27fd 100644 --- a/docs/src/app/components/pages/components/GridList/Page.jsx +++ b/docs/src/app/components/pages/components/GridList/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -19,6 +21,7 @@ const descriptions = { const GridListPage = () => ( <div> + <Title render={(previousTitle) => `Grid List - ${previousTitle}`} /> <MarkdownElement text={gridListReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/IconButton/Page.jsx b/docs/src/app/components/pages/components/IconButton/Page.jsx index 71710e41ca5687..c4ca7d17223267 100644 --- a/docs/src/app/components/pages/components/IconButton/Page.jsx +++ b/docs/src/app/components/pages/components/IconButton/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -24,6 +26,7 @@ const descriptions = { const IconButtonPage = () => ( <div> + <Title render={(previousTitle) => `Icon Button - ${previousTitle}`} /> <MarkdownElement text={iconButtonReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/IconMenu/Page.jsx b/docs/src/app/components/pages/components/IconMenu/Page.jsx index c68f3aa083c7b6..e62e505b115098 100644 --- a/docs/src/app/components/pages/components/IconMenu/Page.jsx +++ b/docs/src/app/components/pages/components/IconMenu/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -21,6 +23,7 @@ const descriptions = { const IconMenusPage = () => ( <div> + <Title render={(previousTitle) => `Icon Menu - ${previousTitle}`} /> <MarkdownElement text={iconMenuReadmeText} /> <CodeExample title="Icon Menu positioning" diff --git a/docs/src/app/components/pages/components/LeftNav/Page.jsx b/docs/src/app/components/pages/components/LeftNav/Page.jsx index 9abae448a81650..194f9bd3696b16 100644 --- a/docs/src/app/components/pages/components/LeftNav/Page.jsx +++ b/docs/src/app/components/pages/components/LeftNav/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -23,6 +25,7 @@ const descriptions = { const LeftNavPage = () => ( <div> + <Title render={(previousTitle) => `Left Nav - ${previousTitle}`} /> <MarkdownElement text={leftNavReadmeText} /> <CodeExample title="Docked example" diff --git a/docs/src/app/components/pages/components/LinearProgress/Page.jsx b/docs/src/app/components/pages/components/LinearProgress/Page.jsx index be5bba28e09aae..0fc66e764c65f4 100644 --- a/docs/src/app/components/pages/components/LinearProgress/Page.jsx +++ b/docs/src/app/components/pages/components/LinearProgress/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -18,6 +20,7 @@ const descriptions = { const LinearProgressPage = () => ( <div> + <Title render={(previousTitle) => `Linear Progress - ${previousTitle}`} /> <MarkdownElement text={linearProgressReadmeText} /> <CodeExample title="Indeterminate progress" diff --git a/docs/src/app/components/pages/components/List/Page.jsx b/docs/src/app/components/pages/components/List/Page.jsx index 8945c26909d107..e8b451105231b5 100644 --- a/docs/src/app/components/pages/components/List/Page.jsx +++ b/docs/src/app/components/pages/components/List/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -42,6 +44,7 @@ const descriptions = { const ListPage = () => ( <div> + <Title render={(previousTitle) => `List - ${previousTitle}`} /> <MarkdownElement text={listReadmeText} /> <CodeExample title="Simple list" diff --git a/docs/src/app/components/pages/components/Menu/Page.jsx b/docs/src/app/components/pages/components/Menu/Page.jsx index a3acda033c36d4..30749ed647ee5c 100644 --- a/docs/src/app/components/pages/components/Menu/Page.jsx +++ b/docs/src/app/components/pages/components/Menu/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -29,6 +31,7 @@ const descriptions = { const MenuPage = () => ( <div> + <Title render={(previousTitle) => `Menu - ${previousTitle}`} /> <MarkdownElement text={menuReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/Paper/Page.jsx b/docs/src/app/components/pages/components/Paper/Page.jsx index 70e1b095b9a6e6..10ee0fc253e426 100644 --- a/docs/src/app/components/pages/components/Paper/Page.jsx +++ b/docs/src/app/components/pages/components/Paper/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -20,6 +22,7 @@ const descriptions = { const PaperPage = () => ( <div> + <Title render={(previousTitle) => `Paper - ${previousTitle}`} /> <MarkdownElement text={paperReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/Popover/Page.jsx b/docs/src/app/components/pages/components/Popover/Page.jsx index 4717ae8dce9ad7..2b0fbcdc235a9b 100644 --- a/docs/src/app/components/pages/components/Popover/Page.jsx +++ b/docs/src/app/components/pages/components/Popover/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -22,6 +24,7 @@ const descriptions = { const PopoverPage = () => ( <div> + <Title render={(previousTitle) => `Popover - ${previousTitle}`} /> <MarkdownElement text={popoverReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/RadioButton/Page.jsx b/docs/src/app/components/pages/components/RadioButton/Page.jsx index a67daf619d5efd..3c9443c3718d8b 100644 --- a/docs/src/app/components/pages/components/RadioButton/Page.jsx +++ b/docs/src/app/components/pages/components/RadioButton/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -15,6 +17,7 @@ const description = 'The second button is selected by default using the `default const RadioButtonPage = () => ( <div> + <Title render={(previousTitle) => `Radio Button - ${previousTitle}`} /> <MarkdownElement text={radioButtonReadmeText} /> <CodeExample title="Examples" diff --git a/docs/src/app/components/pages/components/RaisedButton/Page.jsx b/docs/src/app/components/pages/components/RaisedButton/Page.jsx index d153f31e612499..537b8c0e754ebb 100644 --- a/docs/src/app/components/pages/components/RaisedButton/Page.jsx +++ b/docs/src/app/components/pages/components/RaisedButton/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -19,6 +21,7 @@ const descriptions = { const RaisedButtonPage = () => ( <div> + <Title render={(previousTitle) => `Raised Button - ${previousTitle}`} /> <MarkdownElement text={raisedButtonReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/RefreshIndicator/Page.jsx b/docs/src/app/components/pages/components/RefreshIndicator/Page.jsx index 324490e3c3c389..8e49439096c6fb 100644 --- a/docs/src/app/components/pages/components/RefreshIndicator/Page.jsx +++ b/docs/src/app/components/pages/components/RefreshIndicator/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -20,6 +22,7 @@ const descriptions = { const RefreshIndicatorPage = () => ( <div> + <Title render={(previousTitle) => `Refresh Indicator - ${previousTitle}`} /> <MarkdownElement text={refreshIndicatorReadmeText} /> <CodeExample title="Ready" diff --git a/docs/src/app/components/pages/components/SelectField/Page.jsx b/docs/src/app/components/pages/components/SelectField/Page.jsx index 1535b81137009b..e1d3e576a8dddf 100644 --- a/docs/src/app/components/pages/components/SelectField/Page.jsx +++ b/docs/src/app/components/pages/components/SelectField/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -31,6 +33,7 @@ const descriptions = { const SelectFieldPage = () => ( <div> + <Title render={(previousTitle) => `Select Field - ${previousTitle}`} /> <MarkdownElement text={selectFieldReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/Slider/Page.jsx b/docs/src/app/components/pages/components/Slider/Page.jsx index 5fb3da26c27da5..efe9899c7ada7e 100644 --- a/docs/src/app/components/pages/components/Slider/Page.jsx +++ b/docs/src/app/components/pages/components/Slider/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -21,6 +23,7 @@ const descriptions = { const SliderPage = () => ( <div> + <Title render={(previousTitle) => `Slider - ${previousTitle}`} /> <MarkdownElement text={sliderReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/Snackbar/Page.jsx b/docs/src/app/components/pages/components/Snackbar/Page.jsx index ef9383dbb8f5bd..0dc03befc06ea2 100644 --- a/docs/src/app/components/pages/components/Snackbar/Page.jsx +++ b/docs/src/app/components/pages/components/Snackbar/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -25,6 +27,7 @@ const descriptions = { const SnackbarPage = () => { return ( <div> + <Title render={(previousTitle) => `Snackbar - ${previousTitle}`} /> <MarkdownElement text={SnackbarReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/Subheader/Page.jsx b/docs/src/app/components/pages/components/Subheader/Page.jsx index 5f2ab133f43604..4e3125fb0658d9 100644 --- a/docs/src/app/components/pages/components/Subheader/Page.jsx +++ b/docs/src/app/components/pages/components/Subheader/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -20,6 +22,7 @@ const descriptions = { const SubheaderPage = () => ( <div> + <Title render={(previousTitle) => `Subheader - ${previousTitle}`} /> <MarkdownElement text={subheaderReadmeText} /> <CodeExample title="Simple Usage with List" diff --git a/docs/src/app/components/pages/components/SvgIcon/Page.jsx b/docs/src/app/components/pages/components/SvgIcon/Page.jsx index 2582de061872c7..361e3ba2f5d7ca 100644 --- a/docs/src/app/components/pages/components/SvgIcon/Page.jsx +++ b/docs/src/app/components/pages/components/SvgIcon/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -17,6 +19,7 @@ const descriptions = { const SvgIconPage = () => ( <div> + <Title render={(previousTitle) => `Svg Icon - ${previousTitle}`} /> <MarkdownElement text={iconReadmeText} /> <CodeExample title="Custom SVG icon" diff --git a/docs/src/app/components/pages/components/Table/Page.jsx b/docs/src/app/components/pages/components/Table/Page.jsx index ca940470b73184..80bd548bdbacd4 100644 --- a/docs/src/app/components/pages/components/Table/Page.jsx +++ b/docs/src/app/components/pages/components/Table/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -23,6 +25,7 @@ const descriptions = { const TablePage = () => ( <div> + <Title render={(previousTitle) => `Table - ${previousTitle}`} /> <MarkdownElement text={tableReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/Tabs/Page.jsx b/docs/src/app/components/pages/components/Tabs/Page.jsx index 6d5e1e291a5107..644ee3baf74751 100644 --- a/docs/src/app/components/pages/components/Tabs/Page.jsx +++ b/docs/src/app/components/pages/components/Tabs/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -29,6 +31,7 @@ const descriptions = { const TabsPage = () => ( <div> + <Title render={(previousTitle) => `Tabs - ${previousTitle}`} /> <MarkdownElement text={tabsReadmeText} /> <CodeExample title="Simple example" diff --git a/docs/src/app/components/pages/components/TextField/Page.jsx b/docs/src/app/components/pages/components/TextField/Page.jsx index 69516ad29f41f6..919e56738939c9 100644 --- a/docs/src/app/components/pages/components/TextField/Page.jsx +++ b/docs/src/app/components/pages/components/TextField/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -25,6 +27,7 @@ const descriptions = { }; const TextFieldsPage = () => ( <div> + <Title render={(previousTitle) => `Text Field - ${previousTitle}`} /> <MarkdownElement text={textFieldReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/TimePicker/Page.jsx b/docs/src/app/components/pages/components/TimePicker/Page.jsx index 1b1ef530420343..1750d8a7517c3f 100644 --- a/docs/src/app/components/pages/components/TimePicker/Page.jsx +++ b/docs/src/app/components/pages/components/TimePicker/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -18,6 +20,7 @@ const descriptions = { const TimePickersPage = () => ( <div> + <Title render={(previousTitle) => `Time Picker - ${previousTitle}`} /> <MarkdownElement text={timePickerReadmeText} /> <CodeExample title="Simple examples" diff --git a/docs/src/app/components/pages/components/Toggle/Page.jsx b/docs/src/app/components/pages/components/Toggle/Page.jsx index 02a45dfa63688e..309829c03caf15 100644 --- a/docs/src/app/components/pages/components/Toggle/Page.jsx +++ b/docs/src/app/components/pages/components/Toggle/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -14,6 +16,7 @@ const description = 'The second example is selected by default using the `defaul const TogglePage = () => ( <div> + <Title render={(previousTitle) => `Toggle - ${previousTitle}`} /> <MarkdownElement text={toggleReadmeText} /> <CodeExample title="Examples" diff --git a/docs/src/app/components/pages/components/Toolbar/Page.jsx b/docs/src/app/components/pages/components/Toolbar/Page.jsx index d2e94964185e9f..a10aeb74867834 100644 --- a/docs/src/app/components/pages/components/Toolbar/Page.jsx +++ b/docs/src/app/components/pages/components/Toolbar/Page.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import CodeExample from '../../../CodeExample'; import PropTypeDescription from '../../../PropTypeDescription'; import MarkdownElement from '../../../MarkdownElement'; @@ -21,6 +23,7 @@ const description = 'An example Toolbar demonstrating the use of the available s const ToolbarPage = () => ( <div> + <Title render={(previousTitle) => `Toolbar - ${previousTitle}`} /> <MarkdownElement text={toolbarReadmeText} /> <CodeExample description={description} code={toolbarExampleSimpleCode}> <ToolbarExampleSimple /> diff --git a/docs/src/app/components/pages/customization/colors.jsx b/docs/src/app/components/pages/customization/colors.jsx index 9fdc99a52120aa..89b8db198d7ebb 100644 --- a/docs/src/app/components/pages/customization/colors.jsx +++ b/docs/src/app/components/pages/customization/colors.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import { ClearFix, Mixins, @@ -135,6 +137,7 @@ const ColorsPage = React.createClass({ return ( <div> + <Title render={(previousTitle) => `Colors - ${previousTitle}`} /> <h2 style={this.getStyles().headline}>UI Color Palette</h2> <p> We've created javascript variables for every color used in diff --git a/docs/src/app/components/pages/customization/inline-styles.jsx b/docs/src/app/components/pages/customization/inline-styles.jsx index 13a74734332fe6..b01d9ddaeab475 100644 --- a/docs/src/app/components/pages/customization/inline-styles.jsx +++ b/docs/src/app/components/pages/customization/inline-styles.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import {Checkbox, Styles} from 'material-ui'; import CodeExample from '../../CodeExample'; @@ -63,6 +65,7 @@ class InlineStyles extends React.Component { return ( <div> + <Title render={(previousTitle) => `Inline Styles - ${previousTitle}`} /> <h2 style={styles.headline}>Inline Styles</h2> <p> All Material-UI components have their styles defined inline. You diff --git a/docs/src/app/components/pages/customization/themes.jsx b/docs/src/app/components/pages/customization/themes.jsx index 2fd0d6e345cdb7..c2cde22d373f07 100644 --- a/docs/src/app/components/pages/customization/themes.jsx +++ b/docs/src/app/components/pages/customization/themes.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import mui from 'material-ui'; import MarkdownElement from '../../MarkdownElement'; import ComponentDoc from '../../component-doc'; @@ -547,6 +549,7 @@ const ThemesPage = React.createClass({ return ( <div> + <Title render={(previousTitle) => `Themes - ${previousTitle}`} /> <h2 style={styles.headline}>Themes</h2> diff --git a/docs/src/app/components/pages/discover-more/Community.jsx b/docs/src/app/components/pages/discover-more/Community.jsx index 1f0f405faddcad..bb5d6a4d1a716a 100644 --- a/docs/src/app/components/pages/discover-more/Community.jsx +++ b/docs/src/app/components/pages/discover-more/Community.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import communityText from './community.md'; const Community = () => ( - <MarkdownElement text={communityText} /> + <div> + <Title render={(previousTitle) => `Community - ${previousTitle}`} /> + <MarkdownElement text={communityText} /> + </div> ); export default Community; diff --git a/docs/src/app/components/pages/discover-more/Contributing.jsx b/docs/src/app/components/pages/discover-more/Contributing.jsx index 0dafd7eaa8ca89..954180b5b8b390 100644 --- a/docs/src/app/components/pages/discover-more/Contributing.jsx +++ b/docs/src/app/components/pages/discover-more/Contributing.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import contributingText from '../../../../../../CONTRIBUTING.md'; const Contributing = () => ( - <MarkdownElement text={contributingText} /> + <div> + <Title render={(previousTitle) => `Contributing - ${previousTitle}`} /> + <MarkdownElement text={contributingText} /> + </div> ); export default Contributing; diff --git a/docs/src/app/components/pages/discover-more/RelatedProjects.jsx b/docs/src/app/components/pages/discover-more/RelatedProjects.jsx index 37b62f48e64106..6eb4e984b76161 100644 --- a/docs/src/app/components/pages/discover-more/RelatedProjects.jsx +++ b/docs/src/app/components/pages/discover-more/RelatedProjects.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import relatedProjectsText from './related-projects.md'; const RelatedProjects = () => ( - <MarkdownElement text={relatedProjectsText} /> + <div> + <Title render={(previousTitle) => `Related Projects - ${previousTitle}`} /> + <MarkdownElement text={relatedProjectsText} /> + </div> ); export default RelatedProjects; diff --git a/docs/src/app/components/pages/discover-more/Showcase.jsx b/docs/src/app/components/pages/discover-more/Showcase.jsx index da0f2402ca3033..00e078c762d0dc 100644 --- a/docs/src/app/components/pages/discover-more/Showcase.jsx +++ b/docs/src/app/components/pages/discover-more/Showcase.jsx @@ -1,4 +1,6 @@ import React from 'react'; +import Title from 'react-title-component'; + import GridList from 'material-ui/lib/grid-list/grid-list'; import GridTile from 'material-ui/lib/grid-list/grid-tile'; @@ -44,6 +46,7 @@ const appList = [ const Showcase = () => ( <div> + <Title render={(previousTitle) => `Showcase - ${previousTitle}`} /> <MarkdownElement text={showcaseText} /> <GridList cols={3} diff --git a/docs/src/app/components/pages/get-started/Examples.jsx b/docs/src/app/components/pages/get-started/Examples.jsx index 6ee338f9780213..6410f523be07a7 100644 --- a/docs/src/app/components/pages/get-started/Examples.jsx +++ b/docs/src/app/components/pages/get-started/Examples.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import examplesText from './examples.md'; const Examples = () => ( - <MarkdownElement text={examplesText} /> + <div> + <Title render={(previousTitle) => `Examples - ${previousTitle}`} /> + <MarkdownElement text={examplesText} /> + </div> ); export default Examples; diff --git a/docs/src/app/components/pages/get-started/Installation.jsx b/docs/src/app/components/pages/get-started/Installation.jsx index 91c7df20608a3b..b55bb8df14002d 100644 --- a/docs/src/app/components/pages/get-started/Installation.jsx +++ b/docs/src/app/components/pages/get-started/Installation.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import installationText from './installation.md'; const Installation = () => ( - <MarkdownElement text={installationText} /> + <div> + <Title render={(previousTitle) => `Installation - ${previousTitle}`} /> + <MarkdownElement text={installationText} /> + </div> ); export default Installation; diff --git a/docs/src/app/components/pages/get-started/Prerequisites.jsx b/docs/src/app/components/pages/get-started/Prerequisites.jsx index e1d51099551160..b25ef397806f00 100644 --- a/docs/src/app/components/pages/get-started/Prerequisites.jsx +++ b/docs/src/app/components/pages/get-started/Prerequisites.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import prerequisitesText from './prerequisites.md'; const Prerequisites = () => ( - <MarkdownElement text={prerequisitesText} /> + <div> + <Title render={(previousTitle) => `Prerequisites - ${previousTitle}`} /> + <MarkdownElement text={prerequisitesText} /> + </div> ); export default Prerequisites; diff --git a/docs/src/app/components/pages/get-started/ServerRendering.jsx b/docs/src/app/components/pages/get-started/ServerRendering.jsx index ae638432603363..7feb094798aeb0 100644 --- a/docs/src/app/components/pages/get-started/ServerRendering.jsx +++ b/docs/src/app/components/pages/get-started/ServerRendering.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import serverRenderingText from './serverRendering.md'; const ServerRendering = () => ( - <MarkdownElement text={serverRenderingText} /> + <div> + <Title render={(previousTitle) => `Server Rendering - ${previousTitle}`} /> + <MarkdownElement text={serverRenderingText} /> + </div> ); export default ServerRendering; diff --git a/docs/src/app/components/pages/get-started/Usage.jsx b/docs/src/app/components/pages/get-started/Usage.jsx index b9806db0ff5fca..9923f070aa6761 100644 --- a/docs/src/app/components/pages/get-started/Usage.jsx +++ b/docs/src/app/components/pages/get-started/Usage.jsx @@ -1,9 +1,14 @@ import React from 'react'; +import Title from 'react-title-component'; + import MarkdownElement from '../../MarkdownElement'; import usageText from './usage.md'; const Usage = () => ( - <MarkdownElement text={usageText} /> + <div> + <Title render={(previousTitle) => `Usage - ${previousTitle}`} /> + <MarkdownElement text={usageText} /> + </div> ); export default Usage;