1

Select the Cursor component

You can select the Cursor component.

Our CSS variables are set at the component level.

2

Modify a CSS variable

Set the variable to anything you want.

We expose a set of variables so you can customize the component to better match your UI.

3

Check out the table below

Reference the table below to see what variables we expose.

Alternatively, you can directly inspect the component CSS to see what variables are available.

DefaultDefaultWhat does it do?
--velt-cursor-avatar-size2remSets the Cursor avatar size in avatar mode.
--velt-cursor-video-size4.2remSets the Cursor video bubble size in Huddle mode. You can learn more about this in the Huddle Feature.
velt-cursor {
  --velt-cursor-avatar-size: 1.5rem;
}

Was this page helpful?

PartsCreate Your Own UI