# Sheet Props (свойства) для компонента Sheet: [{"name":"view","type":{"name":"enum","raw":"\"default\"","value":[{"value":"\"default\""}]}},{"name":"handlePlacement","type":{"name":"enum","raw":"\"outer\" | \"inner\"","value":[{"value":"\"outer\""},{"value":"\"inner\""}]}},{"name":"opened","type":{"name":"boolean"}},{"name":"onClose","type":{"name":"() => void"}},{"name":"contentHeader","type":{"name":"ReactNode"}},{"name":"isHeaderFixed","type":{"name":"boolean"}},{"name":"contentFooter","type":{"name":"ReactNode"}},{"name":"isFooterFixed","type":{"name":"boolean"}},{"name":"hasHandle","type":{"name":"boolean"}},{"name":"withOverlay","type":{"name":"boolean"}},{"name":"withBlur","type":{"name":"boolean"}},{"name":"withTransition","type":{"name":"boolean"}},{"name":"throttleMs","type":{"name":"number"}}] ## Использование Компонент  `Sheet`  может содержать любой контент напрямую через  `children` . Также есть возможность добавить любой контент в заголовок и футер с помощью свойств  `contentHeader`  и  `contentFooter` . ```tsx
import React, { useState } from 'react';
import { Sheet } from '@salutejs/plasma-web';
import { Button } from '@salutejs/plasma-web';
export function App() {
const [opened, setOpened] = useState(false);
return (
<>
<Button onClick={() => setOpened(true)}>Открыть</Button>
<Sheet opened={opened}
onClose={() => setOpened(false)}
contentHeader={
<div>
<h4>header</h4>
</div>
}
contentFooter={
<div>
<p>footer</p>
</div>
}
>
<div style={{ 'padding-bottom': '300px' }}>body</div>
</Sheet>
</>
);
}
```