---
sidebar_position: 5
slug: /community/components
title: Custom Components for Reference Architectures
description: "Learn about the custom Contributors and Draw.io components built for the SAP Architecture Center, and how to use them in your own reference architecture pages."
sidebar_label: Components
keywords:
  - sap
  - components
  - contributors component
  - draw.io component
  - reference architecture
  - business ai platform
image: img/ac-soc-med.png
tags:
  - community
hide_table_of_contents: false
hide_title: false
toc_min_heading_level: 2
toc_max_heading_level: 4
draft: false 
unlisted: false
contributors:
last_update:
  author: cernus76
  date: 2026-10-08
---

Two components have been developed for the Architecture Center:

- **The Contributors component**: This section displays a list of contributors in an admonition at the bottom of the main page of the reference architecture, acknowledging their efforts and input.

- **The draw.io component**: This section features an admonition for a Draw.io file located in the architecture section of the page. Users can either download the file for offline use or create an online copy to edit directly. You can define a specific title for your draw.io file. By default, the page title will be used.

## Contributors declaration in the header of the `readme.md` file (front matter)

```yaml
# CONTRIBUTORS: GitHub username(s) of the main contributor(s)
contributors:
  - cernus76
  - jmsrpp
  - navyakhurana
```

## Calling the draw.io component in the page body of the `readme.md` file

```markdown
![drawio](drawio/demo.drawio)
```

Or

```markdown
![drawio](drawio/demo.drawio "My title goes there")
```
Note: Use the markdown image syntax for drawio files.