### Закрепление заголовка и футера С помощью свойств  `isHeaderFixed`  и  `isFooterFixed`  можно закрепить заголовок и футер.
В этом случае при появлении прокрутки контент будет скроллиться под них.
```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>
}
isFooterFixed
isHeaderFixed
>
<div style={{ 'padding-bottom': '300px' }}>body</div>
</Sheet>
</>
);
}
```
### Подложка Наличие или отсутствие подложки задается с помощью свойства  `withOverlay` . В случае, когда подложка отсутствует, у пользователя появляется возможность взаимодействовать с контентом вне шторки. 
```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(!opened)}>
{opened ? 'Закрыть' : 'Открыть'}
</Button>
<Sheet opened={opened}
onClose={() => setOpened(false)}
withOverlay={false}
>
<div style={{ 'padding-bottom': '300px' }}>body</div>
</Sheet>
</>
);
}
```
### Подложка Наличие или отсутствие подложки задается с помощью свойства  `withOverlay` . В случае, когда подложка отсутствует, у пользователя появляется возможность взаимодействовать с контентом вне шторки. ```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(!opened)}>
{opened ? 'Закрыть' : 'Открыть'}
</Button>
<Sheet opened={opened}
onClose={() => setOpened(false)}
withOverlay={false}
>
<div style={{ 'padding-bottom': '300px' }}>body</div>
</Sheet>
</>
);
}
```
К подложке можно добавить эффект размытия при помощи свойства  `withBlur` .
```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(!opened)}>
{opened ? 'Закрыть' : 'Открыть'}
</Button>
<Sheet opened={opened}
onClose={() => setOpened(false)}
withBlur
>
<div style={{ 'padding-bottom': '300px' }}>body</div>
</Sheet>
</>
);
}
```