Primeira vez que estou usando o materialize.
Gostaria de saber como fixar um icone no canto inferior direito.
<a class="btn-floating btn-large cyan pulse right"><i class="material-icons">edit</i></a>
De forma nativa se houver.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadePrimeira vez que estou usando o materialize.
Gostaria de saber como fixar um icone no canto inferior direito.
<a class="btn-floating btn-large cyan pulse right"><i class="material-icons">edit</i></a>
De forma nativa se houver.
Não achei uma classe nativa para fazer isso na documentação, mas vc pode fazer um ajuste usando um top
de 100% menos a altura do próprio btn.
Veja como fica no exemplo abaixo:
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.btn-bottom {
top: calc(100% - 56px);
}
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<a class="btn-floating btn-large cyan pulse right btn-bottom"><i class="material-icons">edit</i></a>