Tabs in Card

Para crear una card con pestañas, tenemos que crear como siempre un div con clase card y dentro sus diferentes secciones. card-content, card-tabs y card-content con un color para que se distingan las tabs dentro de card-tabs creamos una lista con las clases tabs tabs-fixed-width y cada elemento tendra la clase tab
Cada elemento contendra un ancla referenciado a una etiqueta div con id, que crearemos en la seccion card-content

Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum, quaerat incidunt iusto facere accusamus necessitatibus repellendus perspiciatis provident, architecto sequi quos expedita dolorum reiciendis magni sapiente repellat et quod? Eaque.

Pestaña 1
Pestaña 2
Pestaña 3

Texto de la pestaña 1

Texto de la pestaña 2

Texto de la pestaña 3

                                <div class="card">
                                    <div class="card-content">
                                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum, quaerat incidunt iusto facere accusamus necessitatibus repellendus perspiciatis provident, architecto sequi quos expedita dolorum reiciendis magni sapiente repellat et quod? Eaque.
                                    </div>
                                    <div class="card-tabs">
                                        <ul class="tabs tabs-fixed-width">
                                            <li class="tab"><a href="#pestana1">Pestaña 1</a></li>
                                            <li class="tab"><a href="#pestana2">Pestaña 2</a></li>
                                            <li class="tab"><a href="#pestana3">Pestaña 3</a></li>
                                        </ul>
                                    </div>
                                    <div class="card-content grey lighten-4">
                                        <div id="pestana1">
                                            Texto de la pestaña 1
                                        </div>
                                        <div id="pestana2">
                                            Texto de la pestaña 2
                                        </div>
                                        <div id="pestana3">
                                            Texto de la pestaña 3
                                        </div>
                                    </div>
                                    
                                </div>

Para que esto funcione, aunque no viene en la documentacion, hay que hacerlo. Hay que inicializar los JavaScripts
Al final de nuestra pagina donde tenemos los scripts, tenemos que añadir este
Con este script inicializamos automaticamente todos los componentes que tengamos en la pagina

                                <script>
                                    //Inicializamos todos los Scripts
                                    document.addEventListener('DOMContentLoaded', function () {
                                        M.AutoInit();
                                    });
                                </script>

Tabs