Nagłówek H2 Example
To jest przykład paragrafu pod nagłówkiem H2. Tekst powinien być czytelny i mieć odpowiedni kontrast.
Nagłówek H3 Example
Mniejszy nagłówek służący do podziału sekcji na mniejsze fragmenty.
Nagłówek H4 Example
Jeszcze mniejszy nagłówek, często używany do detali.
YouTube Video
Alerty
Komponent Alert służy do przekazywania ważnych informacji użytkownikowi.
Informacja
To jest przykładowy alert informacyjny (info). Służy do przekazywania neutralnych wiadomości.
Sukces
Operacja zakończona powodzeniem! (success). Świetny do potwierdzeń.
Ostrzeżenie
Uwaga, to jest ostrzeżenie (warning). Bądź ostrożny.
Błąd
Wystąpił błąd krytyczny (error). Coś poszło nie tak.
Badges (Odznaki)
Służą do oznaczania statusów lub kategorii.
Przyciski (Buttons)
Interaktywne elementy sterujące.
Variants & Styles
Outlined
Sizes
Elevated
Link Button
Akordeon (Accordion)
Przydatny do sekcji FAQ.
Simple Accordion
Basic Question
Custom Content Accordion
Advanced Question
This explanation uses HTML tags.
- Point 1
- Point 2
Accordion Group
Foxi. Tailwind CSS Astro Starter Kit by Oxygenna
Oceny (Rating)
Prezentacja oceny w gwiazdkach.
Standard Ratings
With Text and Helper
Sizes & Styles
Podświetlenie (Highlight)
Wyróżnienie tekstu.
Text Highlights
This is standard text with default highlight inside. Here is Type 1 (Primary Color) highlight. Here is Type 2 (Background) highlight. Here is Type 3 (Rotated) highlight. And finally Type 4 (Gradient) text.
Chip Notification
Powiadomienia typu “pigułka”.
Feature
Wyróżnienie funkcji z ikoną.
CTA (Call to Action)
Sekcje wezwania do działania.
Gotowy na zmiany?
Skontaktuj się z nami już dziś i umów na bezpłatną konsultację.
Wersja Ciemna
To jest przykład CTA w trybie ciemnym.
Testimonial
Opinie klientów.
PrestaPilot to najlepsze wsparcie dla PrestaShop na rynku. Polecam!
Szybka reakcja i profesjonalne podejście do problemu.
Feed
Strumień aktywności lub changelog.
- 20.03.2024
Wersja 2.0 - 20.03.2024
Wprowadziliśmy nowy system komponentów UI, który znacznie przyspiesza tworzenie treści. - 15.03.2024
Poprawki błędów - 15.03.2024
Naprawiono problem z wyświetlaniem trybu ciemnego na urządzeniach mobilnych.
Karty (Cards)
Karty do prezentacji treści.
Basic Card
Standardowa Karta
Podtytuł karty
Treść karty. Można tutaj umieścić dowolny tekst lub inne komponenty.
Karta z Obrazkiem
Prezentacja z grafiką
Karta z obrazkiem na górze.
Feature Card
Karta funkcji (obrazek na dole).
Listy
- Punkt pierwszy
- Punkt drugi
- Punkt trzeci
Lista numerowana/checklist (symulacja):
- Pierwszy krok
- Drugi krok
- Trzeci krok
Koniec testu komponentów.