Skip to main content
import {Badge} from "attio/client"

​
Example

TypeScript
import {DescriptionList, Badge} from "attio/client"

export function InformationDialog() {
  return (
    <DescriptionList title="Cryptids of Cornwall">
      <DescriptionList.Item label="Categories" icon="Tag">
        <Badge color="blue">Folklore</Badge>
        <Badge color="amber">Cornwall</Badge>
        <Badge color="lavender">Paranormal</Badge>
      </DescriptionList.Item>
    </DescriptionList>
  )
}

​
Props

​
children
React.ReactNode
required
The text in the badge.Only text is allowed.
​
color
'amber' | 'blue' | 'cyan' | 'green' | 'grey' | 'lavender' | 'lime' | 'orange' | 'pink' | 'purple' | 'red' | 'yellow'
required
The color variant for the badge