Katalog

Wszystkie komponenty

Wszystko, czego potrzebujesz, by zbudować pełny produkt - iOS i Android.

9 Prymitywy
34 Komponenty
188 Testy jednostkowe
100% TypeScript

Prymitywy 9

Text

  • Typografia

Prymityw typograficzny powiązany z wariantami motywu.

  • 10 wariantów typografii
  • Auto kolor dark/light

Heading

  • Typografia

Typografia display i headline z semantycznymi poziomami.

  • Poziomy semantyczne h1-h6
  • Dostrojony letter-spacing

PressableScale

  • Animacje

Natywna skala naciśnięcia z obsługą reduce-motion.

  • Spring z Reanimated
  • Opcjonalny feedback haptyczny

MarqueeText

  • Animacje
  • Typografia

Automatyczne przewijanie tekstu przy przepełnieniu.

  • Wykrywanie przepełnienia
  • Konfigurowalna prędkość

SectionLabel

  • Typografia

Wielkoliterowa etykieta sekcji dla grupowanych list.

  • Auto wielkie litery
  • Przytłumiony kolor motywu

Komponenty 34

Button

  • Akcje

Primary, secondary, ghost i destructive z akcentowym glow.

  • 6 wariantów
  • 3 rozmiary (sm/md/lg)
  • Spinner ładowania
  • Naciśnięcie haptyczne

Input

  • Formularze

Tematyczne pole tekstowe z etykietą, helperem i stanami błędu.

  • Etykieta + błąd + helper
  • Animacja ramki focus
  • Gwiazdka wymagany

Select

  • Formularze
  • Overlaye

Select oparty na Sheet z wyszukiwaniem opcji.

  • Picker BottomSheet
  • Filtrowanie wyszukiwaniem
  • Multi-select

Badge

  • Wyświetlanie danych

Badge numeryczne i dot do liczników i statusów.

  • Tryb numeryczny / dot
  • Warianty kolorów

Avatar

  • Wyświetlanie danych

Avatar z obrazem / inicjałami z tokenami rozmiaru.

  • 4 rozmiary (sm-xl)
  • Auto inicjały z nazwy
  • Kontrastowy tekst

Section

  • Layout

Blok grupowanej treści z opcjonalnym nagłówkiem.

  • Sloty nagłówka + stopki
  • Wewnętrzne dividery

ListHeader

  • Wyświetlanie danych

Przyklejony nagłówek listy z tytułem i akcją.

  • Sticky scroll
  • Slot przycisku akcji

ListItem

  • Wyświetlanie danych

Prymityw wiersza ze slotami leading, trailing i subtitle.

  • Sloty leading/trailing
  • Subtitle + chevron

ListSection

  • Wyświetlanie danych

Kontener grupowanej listy z wewnętrznymi dividerami.

  • Auto dividery
  • Nagłówek sekcji

ListSwitchItem

  • Wyświetlanie danych
  • Formularze

Wiersz listy z wbudowanym kontrolkiem Switch.

  • Wbudowany Switch
  • Gotowy na ustawienia

HeaderBar

  • Nawigacja

Pasek nawigacji z custom renderem i stackowanymi tytułami.

  • Zwijanie dużego tytułu
  • Slot przycisku wstecz

BottomSheet

  • Overlaye

Sheet sterowany gestem z punktami snap.

  • Slide z Reanimated
  • Header/Body/Footer compound
  • Dismissable

Toast

  • Feedback

Imperatywna fasada toast z wariantami i pozycjami.

  • 5 wariantów
  • Pozycja góra/dół
  • Przycisk akcji
  • Auto-dismiss

ProgressBar

  • Feedback

Pasek postępu determinowany i indeterminowany.

  • Determinowany / indeterminowany
  • Animowane wypełnienie

BottomTabBar

  • Nawigacja

Dolny pasek zakładek w stylu iOS z obsługą safe-area.

  • Inset safe-area
  • 2-5 zakładek
  • Slot badge
  • Haptyczny wybór

Countdown

  • Feedback
  • Wyświetlanie danych

Odliczanie do daty z segmentowym wyświetlaniem, aktualizowane na żywo.

  • Dni / godziny / minuty / sekundy
  • Stan wygaśnięcia
  • Lokalizowalne etykiety

StatTile

  • Wyświetlanie danych

Kafelek metryki z wartością, deltą i tonem trendu.

  • Tony: pozytywny / negatywny / neutralny
  • Strzałka delty
  • Rozmiar kompaktowy i regular
Expo React Native 0.74+ iOS Android Web TypeScript Accessible