From 2fa762f7115396b644f59c4f9b983471ab533ec2 Mon Sep 17 00:00:00 2001 From: Matthew Brookes Date: Wed, 4 Jul 2018 01:44:23 +0100 Subject: [PATCH] Update docs for new requirements --- docs/src/pages/lab/toggle-button/ToggleButtons.js | 1 + docs/src/pages/lab/toggle-button/toggle-button.md | 7 +++++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/docs/src/pages/lab/toggle-button/ToggleButtons.js b/docs/src/pages/lab/toggle-button/ToggleButtons.js index ecb4db24519923..fbf55b7cf37855 100644 --- a/docs/src/pages/lab/toggle-button/ToggleButtons.js +++ b/docs/src/pages/lab/toggle-button/ToggleButtons.js @@ -33,6 +33,7 @@ class ToggleButtons extends React.Component { }; handleFormat = formats => this.setState({ formats }); + handleAlignment = alignment => this.setState({ alignment }); render() { diff --git a/docs/src/pages/lab/toggle-button/toggle-button.md b/docs/src/pages/lab/toggle-button/toggle-button.md index bf9908fb00c1f6..31ee3eebcf1d98 100644 --- a/docs/src/pages/lab/toggle-button/toggle-button.md +++ b/docs/src/pages/lab/toggle-button/toggle-button.md @@ -1,13 +1,16 @@ --- +title: Toggle Button React component components: ToggleButton, ToggleButtonGroup --- # Toggle Buttons -[Toggle buttons](https://material.io/guidelines/components/buttons.html#buttons-toggle-buttons) may be used to group related options. Arrange layout and spacing to convey that certain toggle buttons are part of a group. +

Toggle buttons can be used to group related options.

+ +To emphasize groups of related [Toggle buttons](https://material.io/design/components/buttons.html#toggle-button), +a group should share a common container. The `ToggleButtonGroup` will control the selected of its child buttons when given its own `value` prop. {{"demo": "pages/lab/toggle-button/ToggleButtons.js"}} -