Tag

Examples

Code

<Tag>
  Tag as text
</Tag>

Tag as anchor

Code

<Tag href="/">
  Tag as anchor
</Tag>

Closable Tag

Code

<Tag
  closeable
  onClose={function noRefCheck() {}}
>
  Closable Tag
</Tag>

Closable Tag

Code

<Tag
  closeText="Remove filter"
  closeable
  onClose={function noRefCheck() {}}
>
  Closable Tag
</Tag>

Code

<Tag onClick={function noRefCheck() {}}>
  Clickable Tag
</Tag>

"a" | "button" | "div"

Theme

Applies permitted design system styles. See styling documentation for more.

"eager" | "lazy"

Not included in `AllHTMLAttributes` yet so sourced from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

"auto" | "sync" | "async"

Not included in `AllHTMLAttributes` yet so sourced from https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img

Ref<HTMLElement>

Has to not be called ref - done because we also want to use a generic see https://gist.github.com/gaearon/1a018a023347fe1c2476073330cc5509

boolean

string

Default: "Close"

() => void