Status

Examples

Showcase

Theme:

Dark Modern

import {ReactNode} from "react"

import {Status} from "@qui/react-vscode"

export default function StatusShowcase(): ReactNode {
  return (
    <div className="flex justify-center gap-4">
      <Status variant="info" />
      <Status variant="warning" />
      <Status variant="error" />
    </div>
  )
}

API

ButtonProps

Name & Description	Option(s)	Default
as The component used for the root node. It can be a React component or element.	\| ElementType \| ComponentType	'div'
size Size of the status component	number	16
variant The status's primary message.	\| 'info' \| 'warning' \| 'error'	'info