Skip to content

ColorService

ColorService centralizes helper functions related to css colors

API

MemberDescription
ColorService.instanceReturns the singleton instance.
getCustomColorStyle()Returns a valid css style object with the color property. In case the color could be matched to one of the accepted formats it passes the argument otherwise defaults to currentColor

In components

vue
<script lang="ts" setup>
	import { ColorService } from '@mrksbnc/bamboo'

	const props = defineProps<{ customCssColor: string }>()

	const validatedColor = computed<StyleValue>(() => {
		return ColorService.instance.getCustomColorStyle(props.customCssColor)
	})
</script>