# Component - [What is a Component?](https://docs.realmacsoftware.com/elements-docs/elements-language/component/components.md) - [info.json](https://docs.realmacsoftware.com/elements-docs/elements-language/component/info-json.md): Outline basic information about your Component - [Icons](https://docs.realmacsoftware.com/elements-docs/elements-language/component/icons.md) - [Assets](https://docs.realmacsoftware.com/elements-docs/elements-language/component/assets.md) - [Component Styling](https://docs.realmacsoftware.com/elements-docs/elements-language/component/component-styling.md): A standardized approach to building components with Tailwind CSS - [Properties](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json.md) - [General Structure](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure.md) - [Title](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure/title.md) - [ID](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure/id.md) - [Format](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure/format.md) - [Visible](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure/visible.md) - [Enable](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure/enabled.md): Show and hide controls based on another control's value. - [Responsive](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/general-structure/responsive.md) - [UI Controls](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls.md) - [Divider](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/divider.md) - [Heading](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/heading.md) - [Image](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/image.md) - [Information](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/information.md) - [Link](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/link.md) - [Number](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/number.md) - [Resource](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/resource.md) - [Segmented](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/segmented.md) - [Select](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/select.md) - [Slider](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/slider.md) - [Switch](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/switch.md) - [Text](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/text.md) - [Text Area](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/text-area.md) - [Theme Border Width](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-border-width.md) - [Theme Border Radius](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-border-radius.md) - [Theme Color](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-color.md) - [Theme Font](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-font.md) - [Theme Spacing](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-spacing.md) - [Theme Shadow](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-shadow.md) - [Theme Text Style](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-text-style.md) - [Theme Typography](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/ui-controls/theme-typography.md) - [Grouping Controls](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/grouping-controls.md) - [Default Values](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/default-values.md) - [Regular Expressions](https://docs.realmacsoftware.com/elements-docs/elements-language/component/properties-json/regular-expressions.md) - [Templates](https://docs.realmacsoftware.com/elements-docs/elements-language/component/templates.md) - [index.html](https://docs.realmacsoftware.com/elements-docs/elements-language/component/templates/index.html.md): The main template file for your component - [Include Directory](https://docs.realmacsoftware.com/elements-docs/elements-language/component/templates/include.md): Organize reusable template partials in the include directory - [CSS Templates](https://docs.realmacsoftware.com/elements-docs/elements-language/component/templates/css-templates.md): Using CSS files in the templates directory with template directives - [JavaScript Templates](https://docs.realmacsoftware.com/elements-docs/elements-language/component/templates/js-templates.md): Using JavaScript files in the templates directory with template directives - [PHP Templates](https://docs.realmacsoftware.com/elements-docs/elements-language/component/templates/php-templates.md): Using PHP files in the templates directory - [Backend](https://docs.realmacsoftware.com/elements-docs/elements-language/component/templates/backend.md): Deploy server-side files to the backend directory - [Elements Language](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language.md): Template syntax reference for RapidWeaver Elements components - [@anchor](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/anchor.md): Create linkable anchors that appear in the Elements Link Panel - [@dropzone](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/dropzone.md): Create areas where child elements can be added - [@portal](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/portal.md): Transport content to different areas of the page - [@if](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/if.md): Display content based on dynamic conditions - [@each](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/each.md): Iterate over collections and arrays to repeat content - [@text](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/text.md): Add editable plain text areas to your components - [@richtext](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/richtext.md): Add editable rich text areas with Typography styling support - [@markdown](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/markdown.md): Add editable Markdown text areas to your components - [@raw](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/raw.md): Disable template processing for a section of content - [@include](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/include.md): Include content from another template file - [@template](https://docs.realmacsoftware.com/elements-docs/elements-language/component/language/template.md): Define inline reusable template blocks - [Hooks.js](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js.md) - [Common use cases](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/common-use-cases.md) - [Passing data to templates](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/passing-data-to-templates.md) - [Working with Collections](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/working-with-collections.md) - [Working with UI Controls](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/working-with-ui-controls.md) - [Working with Resources](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/working-with-resources.md) - [Available Functions](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-functions.md) - [rw.addAnchor](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-functions/rw.addanchor.md) - [rw.getBreakpoints](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-functions/rw.getbreakpoints.md) - [rw.resizeResource](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-functions/rw.resizeresource.md) - [rw.setProps](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-functions/rw.setprops.md) - [rw.setRootElement](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-functions/rw.setrootelement.md) - [Available Data](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data.md): Access data in your transform hook - [rw.collections](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.collections.md) - [rw.component](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.element.md) - [rw.node](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.node.md) - [rw.page](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.page.md) - [rw.pages](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.pages.md) - [rw.project](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.project.md) - [rw.props](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.props.md) - [rw.responsiveProps](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.getresponsivevalues.md) - [rw.theme](https://docs.realmacsoftware.com/elements-docs/elements-language/component/hooks.js/available-data/rw.theme.md) - [Collections](https://docs.realmacsoftware.com/elements-docs/elements-language/component/collections.md): Create flexible datasets for your components - [Data collections in Hooks.js](https://docs.realmacsoftware.com/elements-docs/elements-language/component/collections/data-collections-in-hooks.js.md): Process and manipulate collection data in the hooks file - [Accessing Data in Templates](https://docs.realmacsoftware.com/elements-docs/elements-language/component/collections/accessing-data-in-templates.md): Display collection items in your component templates - [Collections in properties.json](https://docs.realmacsoftware.com/elements-docs/elements-language/component/collections/collections-in-properties-json.md): Display collections in the component inspector - [Shared Files](https://docs.realmacsoftware.com/elements-docs/elements-language/component/shared-files.md) - [Assets](https://docs.realmacsoftware.com/elements-docs/elements-language/component/shared-files/assets.md) - [Templates](https://docs.realmacsoftware.com/elements-docs/elements-language/component/shared-files/templates.md): Shared Template Folder --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.realmacsoftware.com/elements-docs/elements-language/component.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.