# Parts (/themes/sdk/reference/slots/parts)

```ts
import { … } from '@poltura/theme-sdk/slots';
```

## `AppSlot` [#appslot]

An anchor that draws the theme's content, then every active app's widget for the slot; nothing when both are empty.

```ts
AppSlot(props: AppSlotProps): ReactElement | null
```

**Props:** [`AppSlotProps`](/themes/sdk/reference/slots/types#appslotprops)

**Example**

```tsx
import { AppSlot } from '@poltura/theme-sdk/slots';

export function FooterHelp() {
  return <AppSlot name='footer.help' className='mt-4' />;
}
```

## `AppZone` [#appzone]

The app blocks the merchant placed in the header or footer zone, in their order.

```ts
AppZone(props: AppZoneProps): ReactNode
```

**Props:** [`AppZoneProps`](/themes/sdk/reference/slots/types#appzoneprops)

**Example**

```tsx
import { AppZone } from '@poltura/theme-sdk/slots';

export function FooterApps() {
  return <AppZone zone='footer' />;
}
```