Parts

1. Select the part you want to modify

   We offer several parts which can be used like classes. Full list below. The component is encapsulated in Shadow DOM, which is isolated from the normal DOM.

2. Apply your CSS rules

   Set whatever CSS rules you want. The part lets you target a specific element within a Shadow DOM.

3. Check out the table below

   Reference the table below to see what parts we expose. Alternatively, you can directly inspect the component HTML to see what parts are available.

   property	description
   container	Targets the comment tool container
   button-container	Targets the comment tool button container
   button-icon	Targets the comment tool button SVG icon

Tool

velt-arrow-tool::part(button-icon) {
  width: 1.5rem;
  height: 1.5rem;
}