---
name: Lists
menu: Molecules
route: /molecules/Lists
---

import Lists from './Lists';
import { Playground, Props } from 'docz';

# Lists

This component renders an HTML `<input>` and passes along all props.

## API
<Props of={Lists} />

## Inactive w/o photo

<Playground>
	 <Lists name="Inactive without photo" email={'email@mail.com'} />
</Playground>

## Active w/o photo

<Playground>
	 <Lists name="Active without photo" active  email={'email@mail.com'}/>
</Playground>

## Inactive with photo

<Playground>
	 <Lists name="Inactive with photo" src="https://loremflickr.com/320/240/cat" email={'email@mail.com'}/>
</Playground>

## Active with photo

<Playground>
	<Lists name="Active with photo" src="https://loremflickr.com/320/240/cat" email={'email@mail.com'} active/>
</Playground>