Option() — supabase Function Reference

Source Code

apps/docs/components/Options.tsx lines 45–78

const Option: FC<IOption> = (props) => {
  return (
    <div
      className="
        px-5 py-3 first:border-t border-b border-l border-r
        border-default
        last:rounded-bl-lg last:rounded-br-lg
        flex flex-col gap-3
      "
    >
      <div className="flex flex-wrap gap-3 items-center">
        <span className="text-sm text-foreground font-mono font-medium">
          {props.name ?? 'no-name'}
        </span>
        {!props.isEnum && (
          <>
            {props.isOptional ? (
              <Badge variant="default">Optional</Badge>
            ) : (
              <Badge variant="warning">Required</Badge>
            )}
            <span className="text-foreground-muted text-xs">{props.type ?? 'no type'}</span>
          </>
        )}
      </div>

      {props.description && (
        <p className="text-sm text-foreground-lighter m-0">{props.description}</p>
      )}

      {props.children}
    </div>
  )
}