Skip to content

Commit

Permalink
WEB-2039 update doc
Browse files Browse the repository at this point in the history
  • Loading branch information
Pedro Ladaria committed Sep 26, 2024
1 parent cdad936 commit a34c272
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions doc/sheet.md
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,10 @@ of the screen.

## Predefined sheets

Mística provides some predefined sheets that you can use out of the box: `RadioListSheet`, `ActionsListSheet`,
`InfoSheet` and `ActionsSheet`. You can see examples in Storybook.
Some predefined sheets are available: `RadioListSheet`, `ActionsListSheet`, `InfoSheet` and `ActionsSheet`.
You can see examples in Storybook.

First you must configure the `SheetRoot` component in your app:
To use them, first you must configure the `SheetRoot` component in your app:

```jsx
import {SheetRoot} from '@telefonica/mistica';
Expand Down Expand Up @@ -66,6 +66,8 @@ import {bottomSheet, isWebViewBridgeAvailable} from '@tef-novum/webview-bridge';
<SheetRoot nativeImplementation={isWebViewBridgeAvailable() ? bottomSheet : undefined}>
```

When possible, always use the native implementation, as it provides a better user experience.

## Custom sheets

You can show any content you want inside the sheet by passing it as a child of the component.
Expand Down

0 comments on commit a34c272

Please sign in to comment.