Skip to content

Commit c573ef2

Browse files
committed
Merge branch 'gmurcia/tearsheet' of github.com:GAUNSD/react-component-groups into gmurcia/tearsheet
2 parents b6ec74b + fdfe55e commit c573ef2

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

  • packages/module/patternfly-docs/content/extensions/component-groups/examples/Tearsheet

packages/module/patternfly-docs/content/extensions/component-groups/examples/Tearsheet/Tearsheet.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -23,14 +23,14 @@ This component extends the [modal component](/components/modal) allowing any use
2323

2424
### Basic
2525

26-
Typical tearsheets should make use of the entire area, for this basic case some sample text is rendered.
26+
Basic tearsheets should make use of the entire container. For this basic example, heading and body text is rendered with an action list placed within the footer area.
2727

2828
```ts file="./TearsheetBasic.tsx"
2929
```
3030

3131
### Tearsheet layouts
3232

33-
Tearsheets should allow various sorts of layouts to be rendered.
33+
Tearsheets can be customized to render various layout styles. These layout styles include, [full width text](https://www.patternfly.org/foundations-and-styles/utility-classes/alignment), [flex](https://www.patternfly.org/foundations-and-styles/layouts/flex), and [grid](https://www.patternfly.org/foundations-and-styles/layouts/grid).
3434
The `<TearsheetBody>` component will handle scrolling for long content.
3535

3636
```ts file="./TearsheetLayouts.tsx"

0 commit comments

Comments
 (0)