mirror of
https://github.com/langgenius/dify.git
synced 2026-04-28 11:56:55 +08:00
feat: add Dot and Tag components for enhanced UI representation
This commit is contained in:
parent
8baaf7c84e
commit
033ce47d01
@ -0,0 +1,11 @@
|
|||||||
|
import React from 'react'
|
||||||
|
|
||||||
|
const Dot = () => {
|
||||||
|
return (
|
||||||
|
<div className='text-text-quaternary text-xs font-medium'>·</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
Dot.displayName = 'Dot'
|
||||||
|
|
||||||
|
export default React.memo(Dot)
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
import React from 'react'
|
||||||
|
|
||||||
|
const Tag = ({ text }: { text: string }) => {
|
||||||
|
return (
|
||||||
|
<div className='inline-flex items-center gap-x-0.5'>
|
||||||
|
<span className='text-text-quaternary text-xs font-medium'>#</span>
|
||||||
|
<span className='text-text-tertiary text-xs'>{text}</span>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
Tag.displayName = 'Tag'
|
||||||
|
|
||||||
|
export default React.memo(Tag)
|
||||||
Loading…
Reference in New Issue
Block a user