---
title: Subtract IP calculator · Cloudflare Style Guide
description: type: object
lastUpdated: 2025-03-06T20:33:22.000Z
source_url:
  html: https://zt-dark-mode-changelog.preview.developers.cloudflare.com/style-guide/components/subtract-ip-calculator/index.md
  md: https://zt-dark-mode-changelog.preview.developers.cloudflare.com/style-guide/components/subtract-ip-calculator/
---

## Import

```mdx
import SubtractIPCalculator from "~/components/SubtractIPCalculator.tsx";
```

## Usage



```mdx
import SubtractIPCalculator from "~/components/SubtractIPCalculator.tsx";


<SubtractIPCalculator client:load />
```

## `<SubtractIPCalculator>` Props

### `defaults`

**type:** `object`

An optional object containing `base` (`string`) and `exclude` (`string[]`) properties, to set default inputs.

**example:**

```mdx
import SubtractIPCalculator from "~/components/SubtractIPCalculator.tsx";


<SubtractIPCalculator
  client:load
  defaults={{
    base: "10.0.0.0/8",
    exclude: ["10.0.0.0/24", "10.32.0.0/11"]
  }}
/>
```
