```jsx noeditor
const list = require('./').default;
const ConstantsList = require('../../components/Styleguide/ConstantsList').default;
<ConstantsList constants={list} mode="color" />
```

Playground:
```jsx
const colors = require('./').default;
const styles = {
	background: colors.primary,
	color: colors.white,
	border: `1px solid ${colors.primaryDark}`,
	minHeight: '50px',
	padding: '10px',
	margin: '0 auto',
	width: '70%'
};
<div style={styles}>
	<p><strong>Example</strong></p>
	<p>Adjust styles to experiment</p>
</div>
```