# Component: Header

**Purpose**: A header to display a site logo. Use the [Header with Navigation component](https://docs.limio.com/components/component-library/standard-components/component-header-with-navigation) if you'd like to display more information (like a link to a customer's profile and a navigation menu) in the header.

{% embed url="<https://69c2cf3a42a094f3cd354b8d-rfnbnfqzuj.chromatic.com/?path=/story/shop-components-layout-header--default&full=1&shortcuts=false&singleStory=true&embed=true>" %}

## Props

| Prop Name | Label       | Type   | Default Value                                                   | Description |
| --------- | ----------- | ------ | --------------------------------------------------------------- | ----------- |
| logo      | Header logo | string | <https://s3-eu-west-1.amazonaws.com/limio-public/limiologo.png> | header-logo |