samples/TizenWebUI-sample-v1/tizen-ui-builder-tool/res/descriptors/Tizen-web-ui-fw/widget/tizen.listitemcolorbar.widget.xml

<?xml version="1.0" encoding="UTF-8"?>

<widget id="tizen.listitemcolorbar" displayName="Colorbar"
	smallIcon="listitemcolorbar_small.png" icon.16="listitemcolorbar_16.png"
	category="List"
	description="This widget can be used only in the list widget."
	helpCategory="Tizen_Widget"
	helpContents="list"
	borderVisible="false">

	<relations>
		<parent ids="tizen.listitem"/>
	</relations>

	<property name="id"    type="string" displayName="ID"   default="" category="Common">
		<condition name="string-id" error="string-id"/>
	</property>
	<property name="color" type="color2" displayName="Color(r, g, b)" default="" initValue="72, 136, 42"/>

	<!-- <event name="ontap" displayName="Tap" eventType="event.defaultevent" />
	<event name="ontaphold" displayName="TapHold" eventType="event.defaultevent" />
	<event name="onswipe" displayName="Swipe" eventType="event.defaultevent" />
	<event name="onswipeleft" displayName="SwipeLeft" eventType="event.defaultevent" />
	<event name="onswiperight" displayName="SwipeRight" eventType="event.defaultevent" /> -->

	<xsl-for-output xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
		<xsl:template match="tizen.listitemcolorbar">
			<span class="ui-li-color-bar">
				<xsl:call-template name="print-part-id"/>
				<xsl:apply-templates select="@id" mode="simple-property"/>
				<xsl:if test="string-length(@color) > 0">
					<xsl:attribute name="style">
						<xsl:value-of select="concat('background-color:rgba(', @color , ',1);')"/>
					</xsl:attribute>
				</xsl:if>
			</span>
		</xsl:template>
	</xsl-for-output>
</widget>