snippyly-comment-pin::part(lock-icon) {
  width: 0.8rem;
  height: 0.8rem;
  color: grey;
}
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.

propertydescription
comment-pin-bubbleTargets bubble comment pin container
comment-pin-popoverTargets the popover comment pin container
comment-pinTargets the default comment pin container
index-containerTargets the comment pin index label container
index-spanTargets comment pin index label
lock-containerTargets the comment pin internal lock container
lock-iconTargets the comment pin internal lock icon