upstream-twenty/packages/twenty-docs/snippets/ui/generated/data-display/status.mdx

{/*
 * _____                    _
 *|_   _|_      _____ _ __ | |_ _   _
 *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
 *  | |  \ V  V /  __/ | | | |_| |_| | DO NOT EDIT - changes will be overwritten
 *  |_|   \_/\_/ \___|_| |_|\__|\__, | Generated by: npx nx generate:ui twenty-docs
 *                              |___/
 *
 * This file is generated from the documentation data in packages/twenty-ui/generated.
 * To update it, edit the component prop types or design tokens in twenty-ui and run:
 *   npx nx generate:ui twenty-docs
 */}

<ParamField body="color" type="&quot;ruby&quot; | &quot;red&quot; | &quot;crimson&quot; | &quot;tomato&quot; | &quot;orange&quot; | &quot;amber&quot; | &quot;yellow&quot; | &quot;lime&quot; | &quot;grass&quot; | &quot;green&quot; | &quot;jade&quot; | &quot;mint&quot; | &quot;turquoise&quot; | &quot;cyan&quot; | &quot;sky&quot; | &quot;blue&quot; | &quot;iris&quot; | &quot;violet&quot; | &quot;purple&quot; | &quot;plum&quot; | &quot;pink&quot; | &quot;bronze&quot; | &quot;gold&quot; | &quot;brown&quot; | &quot;gray&quot;" required>
  Theme color used for the status background, text, and loader.
</ParamField>

<ParamField body="disabled" type="boolean" default="false">
  Applies disabled styling and disables activation when `onClick` is supplied.
</ParamField>

<ParamField body="loading" type="boolean" default="false">
  Shows a loader after the label. Does not disable the control or announce a status change by itself.
</ParamField>

<ParamField body="nativeButton" type="boolean" default="true">
  Set to `false` when using `render` with an element other than a native button.
</ParamField>

<ParamField body="onClick" type="MouseEventHandler&lt;HTMLButtonElement&gt; | MouseEventHandler&lt;HTMLElement&gt;">
  Handles activation and renders a native button by default. Without it, the default element is a span.
</ParamField>

<ParamField body="render" type="NonNullable&lt;ReactElement&lt;unknown, string | JSXElementConstructor&lt;any&gt;&gt; | ComponentRenderFn&lt;HTMLProps, {}&gt; | undefined&gt;">
  Replaces the default element. Required when `nativeButton` is `false`.
</ParamField>

<ParamField body="weight" type="&quot;regular&quot; | &quot;medium&quot;" default="regular">
  Font weight of the label.
</ParamField>