Dropdown

<Dropdown>
  <Dropdown.Button>
    {/**Dropdown.Button é o componente responsável pelo toggle do Dropdown.List,
    você pode passar qualquer componente dentro dele*/}
    <Button fluid color="primary">
      Dropdown example
    </Button>
  </Dropdown.Button>
  <Dropdown.List direction="bottom">
    {/**Dropdown.List é a sua lista que irá aparecer quando o trigger for disparado*/}
    <Dropdown.Item>
      <a href="#teste">
        <Icon
          name="building-1"
          fill="neutral800"
          width="16"
          height="16"
          className="mr-xxxs"
        />
        Home
      </a>
    </Dropdown.Item>
    <Dropdown.Item>
      <Dropdown className="mt-xxxl">
        {/**Exemplo de Dropdown composto*/}
        <Dropdown.Button fluid>
          {/**No Dropdown composto, o componente responsável por abrir o dropdown,
          deve receber a classe dropdown-item*/}
          <button href="#teste" className="dropdown-item">
            <Icon
              name="cog"
              fill="neutral800"
              width="16"
              height="16"
              className="mr-xxxs"
            />
            Dropdown
            <Icon
              name="arrow-right-1"
              width="16"
              height="16"
              className="ml-auto"
            />
          </button>
        </Dropdown.Button>
        <Dropdown.List direction="right">
          <Dropdown.Item>
            <a href="#teste">Dropdown</a>
          </Dropdown.Item>
        </Dropdown.List>
        {/**Fim do Dropdown composto*/}
      </Dropdown>
    </Dropdown.Item>
  </Dropdown.List>
</Dropdown>