The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
chip {
 box-shadow: inset 0 0 0 2px green;
 border-radius: 50px;
 display: inline-block;
 background: orange;
}
user {
  padding: 10px
}
left-icon {
	border-radius: 50px 0 0 50px;
	box-shadow: inset 0 0 0 2px yellow;
	background: blue;
	display: inline-block;
	padding: 10px
}
right-icon {
   border-radius: 0 50px 50px 0;
   box-shadow: inset 0 0 0 2px red;
   background: pink;
   display: inline-block;
   padding: 10px
}

dabblet.html

<chip><left-icon>&nbsp;</left-icon><user>User</user><right-icon>looong text support</right-icon></chip>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}