---
id: base
title: Base
---

# Base

Base component is the `parent` component from which all `digigov` components inherit

## API

See below for a complete reference to all of the props available to the components mentioned here.

The type `SpacingValues` is used to define the spacing values in the `Base` component. It is a union type that includes various numeric values representing spacing units.

```
export type SpacingValues =
  | 0
  | 0.5
  | 1
  | 1.5
  | 2
  | 2.5
  | 3
  | 3.5
  | 4
  | 5
  | 6
  | 7
  | 8
  | 9
  | 10
  | 11
  | 12
  | 14
  | 16
  | 20
  | 24
  | 28
  | 32
  | 36
  | 40
  | 44
  | 48
  | 52
  | 56
  | 60
  | 64
  | 72
  | 80
  | 96;
```

The interface `SpacingMediaValues` use the `SpacingValues` type to define the spacing values for different media queries.

```
export interface SpacingMediaValues {
  xs?: SpacingValues;
  sm?: SpacingValues;
  md?: SpacingValues;
  lg?: SpacingValues;
  xl?: SpacingValues;
}
```

<ComponentProps componentName={['Base']} />{' '}