> ## Documentation Index
> Fetch the complete documentation index at: https://docs.velt.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Parts

<Steps titleSize="h2">
  <Step title="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.
  </Step>

  <Step title="Apply your CSS rules">
    Set whatever CSS rules you want.
    The part lets you target a specific element within a Shadow DOM.
  </Step>

  <Step title="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  |
  </Step>
</Steps>

<RequestExample>
  ```css Tool theme={null}
  velt-arrow-tool::part(button-icon) {
    width: 1.5rem;
    height: 1.5rem;
  }
  ```
</RequestExample>