---
name: Bento
menu: Components
route: /components/Bento
---

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

# Bento

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

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

## Preview

<Playground>
	<Bento dev items={[{title:'Primssadsaad', color:'#ff5c39', typeUtility: 'Workshop', onclick: ()=> console.log('CLICK')}, 
		{color:'#2286db', typeUtility:'Intel', onclick: ()=> console.log('CLICK')}, 
		{title:'Segss', color:'#8a57c1', typeUtility: 'Vintage', onclick: ()=> console.log('CLICK')}, 
		{title:'Primssaasdsaddsaad', color:'#ff5c39', typeUtility: 'Intel', onclick: ()=> console.log('CLICK')}, 
		{title:'Easdsf',color:'#2286db', typeUtility:'Intel', onclick: ()=> console.log('CLICK')},
		{title:'Primssaasdsaddsaad', color:'#1EC4A8', typeUtility: 'Vintage', onclick: ()=> console.log('CLICK')}, 
]}
		 />
</Playground>