---
name: Dropdown Menu
menu: Atoms
route: /atoms/DropdownMenu
---

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


# Dropdown Menu

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

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

## Menu

<Playground>
		<DropdownMenu arr={[{name: 'Cerrar sesión',onclick: () => console.log('CLICK')},{name: 'Perfil',onclick: () => console.log('CLICK'), subname: 'elcorreo@mail.com', icon: <ProfileImage />}]} />
</Playground>