Componenti Vai al collegamento al contenuto Vai al collegamento al contenuto

Vai al collegamento al contenuto

Passa al collegamento al contenuto Componente allineato ai principi di Material Design, con design reattivo, supporto per la modalità scura e una semplice combinazione di colori monocromatici per le applicazioni di social media.

Anteprima

Codice HTML

<a href="#content" class="skip-to-content block absolute top-0 left-1/2 transform -translate-x-1/2 -translate-y-full bg-blue-500 text-white p-3 transition-all duration-300 focus:translate-y-0 z-50 dark:bg-blue-700 dark:text-gray-200">Skip to content</a>

Componenti correlati

Vai al collegamento al contenuto

Un componente reattivo Salta al collegamento al contenuto progettato in uno stile scheumorfico con una combinazione di colori pastello. Questo componente è destinato al consumo di blog e contenuti e include il supporto per la modalità scura.

Aperto

Vai al componente Collegamento contenuto

Un componente Salta al collegamento al contenuto progettato con elementi scheumorfici simili a un pulsante fisico. Il componente avrà una combinazione di colori pastello, una complessità moderata che include effetti al passaggio del mouse e il supporto per il tema scuro.

Aperto

Vai al componente Collegamento contenuto

Un componente di collegamento "Salta al contenuto" visivamente accattivante progettato per dashboard con particolare attenzione alle microinterazioni, utilizzando una combinazione di colori complementare e il supporto della modalità oscura tramite Tailwind CSS.

Aperto