Polaris

Shopify’ın resmi tasarım sistemi ve react bileşen kütüphanesidir. Geliştiricilerin ve tasarımcıların Shopify ekosistemi ile tutarlı kullanıcı deneyimleri oluşturmasına yardımcı olur.

Polaris’in Temel Amacı

Polaris, Shopify uygulamaları ve arayüzleri geliştirirken kullanılan ortak bir dil oluşturmak için tasarlanmıştır. Bu sayede:

Tüm Shopify uygulamaları tutarlı bir görünüm ve deneyim sunar

Geliştiriciler hazır bileşenleri kullanarak daha hızlı uygulama geliştirir

Kullanıcılar, farklı uygulamalar arasında geçiş yaparken tanıdık arayüzlerle karşılaşır.

Temel Özellikleri

Responsive tasarım desteği

100+ hazır React bileşeni

Tutarlı renk, yazı tipi ve aralık sistemi

Erişilebilirlik standartlarına uyumlu

Temel Kullanım:

npm install @shopify/polaris

import {AppProvider, Page, Card} from '@shopify/polaris';
import '@shopify/polaris/build/esm/styles.css';

function App() {
  return (
    <AppProvider i18n={{}}>
      <Page title="Başlık">
        <Card>İçerik</Card>
      </Page>
    </AppProvider>
  );
}

Bu yazıyı puanlamak için tıkla!

[Toplam: 2 Ortalama: 4.5]