---
name: Colored Header Container
route: /colored-header-container
---

import { Playground } from 'docz'
import { ColoredHeaderContainer } from '../src'

# Blue header modal

<Playground>
  <ColoredHeaderContainer icon="cog" title="Blue Header Modal">
    <div
      style={{
        width: 200,
        height: 200,
        backgroundColor: 'grey',
        textAlign: 'center',
      }}
    >
      Content
    </div>
  </ColoredHeaderContainer>
</Playground>