Tag

Compact inline label for status, category, and metadata chips.

Intents

NeutralAccentInfoPositiveWarningNegative

Featured

import { Tag } from 'regen-ui'

export function NetworkTag() {
  return (
    <Tag dot intent="accent">
      Tempo
    </Tag>
  )
}

Name	Type	Default	Description
`children`Required	`ReactNode`	None	Tag label.
`dot`Optional	`boolean`	`false`	Show a small leading dot when no icon is provided.
`icon`Optional	`ReactNode`	None	Optional leading icon.
`intent`Optional	`'info' \| 'warning' \| 'accent' \| 'negative' \| 'neutral' \| 'positive'`	`'neutral'`	Tag color intent.
Inherits `HTMLAttributes<HTMLSpanElement>`, except `children`.

childrenRequired

TypeReactNode

DefaultNone

Tag label.

dotOptional

Typeboolean

Defaultfalse

Show a small leading dot when no icon is provided.

iconOptional

TypeReactNode

DefaultNone

Optional leading icon.

intentOptional

Default'neutral'

Tag color intent.

Inherits HTMLAttributes<HTMLSpanElement>, except children.