@bluewolf2072:
Not sure there are concrete rules but it's thought to sensible to start with H1 and work down, so whatever kind fo content the video overlay wouod fit into, use that heading + p.
https://yoast.com/how-to-use-headings-on-your-site/
"Firstly, you are limited to using one H1 heading on each page. The H1 heading should be the name/title of the page or post.
Then, as you write your content, you can use H2 and H3 subheadings to introduce different sections
"
So:
M.FormSelect.init(elems, {
dropdownOptions = {coverTrigger: false}
})
```<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<h4 style="text-align: center">Hello Rooster 🐔</h4>
<div class="row">
<div class="input-field col s6">
<input id="fname" type="text" class="validate">
<label for='name'>Name</label>
</div>
</div>
<div class="row">
<div class="col s6">
<a onclick="M.toast({html: fname})" class="btn">Toast!</a>
</div>
</div>```
When clicking toast, the input field is moving
M.FormSelect.init(elem, {
'dropdownOptions':{
'data':[
{'option': 'Option 1', 'selected': true},
{'option': 'Option 2}
]
}
});
@pujoljulia do you mean a FAB? It does work, i just added the class in the inspector and it greyed out.
https://materializecss.com/buttons.html#floating
<a class="btn-floating waves-effect waves-light btn-large red disabled"><i class="material-icons">add</i></a>
materialize or would this need to be coded up?