Skip to main content

Types

SheetSize

<TrueSheet sizes={['auto', '80%', 'large']}>
<View />
</TrueSheet>
ValueDescription🍎🤖
"auto"Auto resize based on content height.16+
"small"Translates to 25%16+
"medium"Translates to 50%15+
"large"Translates to 100%
"${number}%"Fixed height in %16+
numberFixed height16+

TrueSheetGrabberProps

Grabber props to be used for android grabber or handle.

PropTypeDefaultDescription
visiblebooleantrueIs grabber visible.
colorColorValue"rgba(73,69,79,0.4)"Grabber color according to M3 specs.
heightnumber4Grabber height according to M3 specs.
widthnumber32Grabber width according to M3 specs.
topOffsetnumber0Grabber top position offset.

BlurTint

Blur tint that is mapped into native values in IOS.

<TrueSheet blurTint="dark">
<View />
</TrueSheet>
Value
"light"
"dark"
"default"
"extraLight"
"regular"
"prominent"
"systemUltraThinMaterial"
"systemThinMaterial"
"systemMaterial"
"systemThickMaterial"
"systemChromeMaterial"
"systemUltraThinMaterialLight"
"systemThinMaterialLight"
"systemMaterialLight"
"systemThickMaterialLight"
"systemChromeMaterialLight"
"systemUltraThinMaterialDark"
"systemThinMaterialDark"
"systemMaterialDark"
"systemThickMaterialDark"
"systemChromeMaterialDark"

SizeInfo

Object that comes with some events.

{
index: 1,
value: 69
}
PropertyTypeDescription
indexnumberThe size index from the provided sizes. See sizes prop.
valuenumberThe actual height value of the size.