# Using components

Copy as Markdown[View as Markdown](/docs/development/components/using-components.md)

***

EventCatalog uses [MDX](https://mdxjs.com/) under the hood. This gives you the ability to include predefined components inside your contents.

You can add components to your domains, services or messages.

## Quick links[​](#quick-links "Direct link to Quick links")

In addition to components, use wiki-style syntax for inline resource references with interactive tooltips:

```
The [[service|OrdersService]] processes [[event|OrderCreated]] messages.
```

See [Resource references](/docs/development/components/resource-references.md) for details.

### Example[​](#example "Direct link to Example")

You can include any component inside the markdown content. This example renders an Accordion component within an event.

/events/Orders/OrderAmended/index.mdx

````
---
id: OrderAmended
name: Order amended
version: 0.0.1
summary: |
  Indicates an order has been changed
owners:
    - dboyne
    - msmith
badges:
    - content: Recently updated!
      backgroundColor: green
      textColor: green
    - content: Channel:Apache Kafka
      backgroundColor: yellow
      textColor: yellow
---

## Overview

Event is raised when an order has been changed.

<Accordion title="Learn how to raise this event">
  You can run the following command to raise this event.

  ```sh
  bin/kafka-topics.sh --create --topic OrderAmended --bootstrap-server localhost:9092 --partitions 1 --replication-factor 1
  ``
</Accordion>
````

![Example](/assets/images/accordian-230951118757c2deb203ccb3199d26e2.png)