import { Tag, TagGroup } from "./tag"; export const TagDocs = () => { return <>

Tag / TagGroup

The tag component can show short items, like hash tags, either in a text or as part of a tag group. You can use it as if you would use a link or a span, depending on if you use a href. If you link to a target, rel noopener will be automatically added for security reasons, but you can overwrite the rel if need be.

Properties

      {`
TagProps {
  href?: string
  target?: string
  plain?: boolean
}`}

Unlinked tag Linked Tag Plain unlinked tag

      {`Unlinked tag Linked Tag Plain unlinked tag`}

The tag group is meant to provide a convenient wrapper around tags and fix the spacing if necessary:

JavaScript SolidJS TypeScript

      {`

  JavaScript
  SolidJS
  TypeScript
`}

; };