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>
)
}