Alurkerja v1.0.0@Beta

Base

Active
Typescript
import { Tag } from 'alurkerja-ui'
export const TagPage = () => {
	return(
		<Tag>Active</Tag>
	)
}

prefix()

Active
Typescript
import { Tag } from 'alurkerja-ui'
export const TagPage = () => {
	return(
		<Tag prefix>Active</Tag>
	)
}

suffix()

Active
Typescript
import { Tag } from 'alurkerja-ui'
export const TagPage = () => {
	return(
		<Tag suffix>Active</Tag>
	)
}

prefixClass()

Non Active
Typescript
import { Tag } from 'alurkerja-ui'
export const TagPage = () => {
	return(
		<Tag prefix prefixClass="bg-red-400">
		  Non Active
		</Tag>
	)
}

prefixClass()

Non Active
Typescript
import { Tag } from 'alurkerja-ui'
export const TagPage = () => {
	return(
		<Tag suffix suffixClass="bg-red-400">
		  Non Active
		</Tag>
	)
}