Menu

Componente para criação de menus através de uma lista de itens, ou por composição utilizando os componentes Menu e MenuItem.

Veja a documentação de Button para a a definição dos itens do menu ou das props do subcomponente MenuItem.

Props

ref_id String

Id do elemento na DOM após renderização do componente.

default: ''

items Array

Lista de itens para cada botão apresentado no menu. Veja a documentação do componente Button.

default: []
items: [
  {
    text: 'Item 1',
    href: '#'
  },
  {
    text: 'Item 2',
    href: '#'
  },
  {
    text: 'Item 3',
    href: '#'
  }
]

Criando menus por composição

Um menu pode ser criado por composição através de subcompoentes MenuItem passados como children de Menu. Um menu customizado utilizando Menu e MenuItem pode ser implementado como no exemplo abaixo.

var CustomMenu = React.createClass({
  render: function() {
    return (
      <Menu>
        <MenuItem text="Item 1" href="#" />
        <MenuItem text="Item 2" href="#" />
        <MenuItem text="Item 3" href="#" />
      </Header>
    );
  }
});