1# ContentSlot
2
3The **ContentSlot** component is a component designed to render and manage components created on the native layer using C APIs.
4
5With support for hybrid development, the **ContentSlot** component is recommended when the container is an ArkTS component and the child component is created on the native side.
6
7> **NOTE**
8>
9> The initial APIs of this module are supported since API version 12. Newly added APIs will be marked with a superscript to indicate their earliest API version.
10
11## APIs
12
13ContentSlot(content: Content)
14
15Called when content is added to a placeholder component
16
17**Atomic service API**: This API can be used in atomic services since API version 12.
18
19**System capability**: SystemCapability.ArkUI.ArkUI.Full
20
21**Parameters**
22
23| Name | Type| Mandatory| Description                                                    |
24| ------- | -------- | ---- | ------------------------------------------------------------ |
25| content | [Content](../js-apis-arkui-Content.md)  | Yes  | Manager of the **ContentSlot** component. Through the APIs provided by the native side, it can register and trigger the attach and detach event callbacks for **ContentSlot**, as well as manage the child components of **ContentSlot**.|
26
27**Example**
28
29```ts
30import { nativeNode } from'libNativeNode.so' // .so file you implemented
31import { NodeContent } from '@kit.ArkUI'
32
33@Entry
34@Component
35struct Parent {
36    private nodeContent: Content = new NodeContent();
37
38    aboutToAppear() {
39        // Create a node through the C API and add it to the nodeContent manager.
40        nativeNode.createNativeNode(this.nodeContent);
41    }
42
43    build() {
44        Column() {
45            // Display the native components stored in the nodeContent manager.
46            ContentSlot(this.nodeContent)
47        }
48    }
49}
50```
51<!--no_check-->