> ## Documentation Index
> Fetch the complete documentation index at: https://velt.dev/docs/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-user-invite-tool::part(button-icon) {
    width: 1.5rem;
    height: 1.5rem;
  }
  ```
</RequestExample>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.