Component Guides
A component guide is a document that you can put together for your team members to refer to when using a component in your interaction library. You will be able to provide a description and others would be able to see what overridable variables, Send responses, and Receive triggers with their corresponding messages are used.
Editing Component Guides
Click the pencil icon in the property panel of the component to edit the component guide. Simple markdown is supported (except for hyperlinks, images, tables, and grammar).
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/7919070a94f461a8359a815873ed9ba4b0ca582f-1580x870.png/image.png)
Description
Write a description about what the component is for and how it should be used.
Variables
When a component has overridable variables, they'd be automatically displayed in the component guide. The variable type and initial value would be included as well.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/5081d7b157ecc59ccb48d17985e578103fef3c58-1580x870.png/image.png)
Message Out
When you use Send responses with the Send to Parent or Send to Current Scene channels, they'd be automatically displayed in the component guide.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/94a3d31ac356ed5d93ce12ab4cb9b2a0b9b0a2bc-1580x870.png/image.png)
Message In
When you use Receive triggers with the Receive from Parent or Receive from Current Scene channels, they'd be automatically displayed in the component guide.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/77401f4d52ebf406f4649659872eb36a348c925e-1580x870.png/image.png)
Previewing
When you use the component as an instance, you can see access the component guide by clicking on the component guide icon in the property panel.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/5b6ef4ad633996df6a9cb0b76a9173e422849ca4-1580x870.png/image.png)
Minimizing
When you use the component as an instance, you can see access the component guide by clicking on the component guide icon in the property panel.
![[object Object]](https://cdn.sanity.io/images/vidqzkll/production/38bf5f6b65bf440b1810b32fa3186ea6386ad268-1580x870.png/image.png)