---
title: useOnline
description: "`useOnline`は、ブラウザがオンライン状態かどうかを検知するカスタムフックです。"
links:
  - source: https://github.com/yamada-ui/yamada-ui/tree/main/packages/react/src/hooks/use-online
  - storybook: https://yamada-ui.github.io/yamada-ui?path=/story/hooks-useonline--basic
---

# useOnline

`useOnline`は、ブラウザがオンライン状態かどうかを検知するカスタムフックです。

```tsx
const online = useOnline()

return (
  <Badge colorScheme={online ? "green" : "red"}>
    {online ? "Online" : "Offline"}
  </Badge>
)
```

## 使い方

```tsx
import { useOnline } from "@yamada-ui/react"
```

```tsx
import { useOnline } from "@/components/ui"
```

```tsx
import { useOnline } from "@workspaces/ui"
```

```tsx
const online = useOnline()
```