---
title: Hatch - Module - Button
---

[Skip to content](https://demo.giantfocal.com/hatch/module/button#main-content)

# Hatch Button Component

## Button Styles

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

## Button Size

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

## Button Colors

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

## Button Layout

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)

[ Call To Action ](https://www.giantfocal.com/?hsLang=en)