• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# Sheet Transition (System API)
2
3You can bind a sheet to a component through the **bindSheet** attribute. You can also set the sheet to the preset or custom height for when the component is inserted.
4
5>  **NOTE**
6>
7>  This feature is supported since API version 10. Updates will be marked with a superscript to indicate their earliest API version.
8>
9>  Route hopping is not supported.
10>
11> This topic describes only the system APIs provided by the module. For details about its public APIs, see [bindSheet](./ts-universal-attributes-sheet-transition.md#bindsheet).
12
13## SheetOptions
14
15Optional attributes of the sheet. Inherits from [BindOptions](./ts-universal-attributes-sheet-transition.md#bindoptions).
16
17| Name             | Type                                      | Mandatory  | Description             |
18| --------------- | ---------------------------------------- | ---- | --------------- |
19| offset<sup>14+</sup>       | [Position](ts-types.md#position) | Yes   | Bottom spacing, which is effective only when the sheet is a bottom sheet. When it is specified, the height detent cannot be set for the sheet.<br> Default value: 0 vp for both the x-axis and y-axis<br>**System API**: This is a system API.<br> **System capability**: SystemCapability.ArkUI.ArkUI.Full|
20