# Reference: inkWidgets

## Summary

**Created:** Mar 1 2025 by [Zhincore](mailto:undefined)\
**Last documented update:** Mar 1 2025 by [Zhincore](mailto:undefined)

This page lists and describes inkWidget components you might use in your custom UI.

{% hint style="info" %}
**This page is a stub!**\
If you would like to [sign up](#user-content-fn-1)[^1] and edit it, we'd love your contribution!

* The [Editing guidelines](/cyberpunk-2077-modding/the-wiki/editing-guidelines.md) list the most frequent pitfalls for editors
* If you need help on navigating the wiki's UI, check out [The Wiki](/cyberpunk-2077-modding/the-wiki.md) -> [The Wiki](/cyberpunk-2077-modding/the-wiki.md#how-to-edit)
  {% endhint %}

### Hey, that's not what I want!

For elementary info about InkWidgets see:

{% content-ref url="/pages/JrRuWaWUqIbHK0v3uCBO" %}
[Interface definitions: .inkwidget files](/cyberpunk-2077-modding/for-mod-creators-theory/files-and-what-they-do/file-formats/inkwidgets-a-custom-interface.md)
{% endcontent-ref %}

For making UIs programatically see:

{% content-ref url="/spaces/fwsaoju1TBAUvMpI6NIw/pages/JQOaH7uRwJ3jDVP7jSvo" %}
[InkWidgets](https://wiki.redmodding.org/scripting-cyberpunk/how-do-i/inkwidgets)
{% endcontent-ref %}

## Layout

These components handle layout and don't render anything themselves. They inherit [`inkCompoundWidget`, see NativeDB for details](https://nativedb.red4ext.com/c/6908765955958788).

### `inkCanvas`

Simply groups it's children, those can position themselves within the canvas.

### `inkFlex`

*Probably* similiar to [CSS Flexbox](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Flexbox)**?**

### `inkVerticalPanel`

### `inkHorizontalPanel`

## Graphics

These components render stuff on the screen. They inherit [`inkLeafWidget`, see NativeDB for details](https://nativedb.red4ext.com/c/7203179131496625).

### [`inkText`](https://nativedb.red4ext.com/c/2864209969622273)

Renders a text (WOW), can be set font family, size and others. [See NativeDB](https://nativedb.red4ext.com/c/2864209969622273).

### [`inkRectangle`](https://nativedb.red4ext.com/s/1658767415789575)

Renders a rectangle (no way??) with a set color.

[^1]: <https://app.gitbook.com/invite/-MP5ijqI11FeeX7c8-N8/IZreyNnVlImKaeMtoJLY>


---

# 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://wiki.redmodding.org/cyberpunk-2077-modding/for-mod-creators-theory/references-lists-and-overviews/reference-inkwidgets.md?ask=<question>
```

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.