Heading

Kurulum

Paket

@bigbang/ui

İçe aktarma

import { Heading } from '@bigbang/ui';

Kaynak

Heading.tsx

Storybook

Heading · Playground

Heading, @bigbang/ui paketindedir. Kurulum ve stil dosyaları Button ile aynıdır; ayrıntılar için Button kod sekmesine bakın.

import { Heading } from '@bigbang/ui';

<Heading level={2}>...</Heading>;
<Heading level={2} size="sm">...</Heading>;

Özellikler

levelZorunlu

Açıklama

Belge düzeyi, <h1> ile <h6> arası. Zorunludur: başlık sırası sayfa yapısının parçasıdır. Sayfada bir h1 olur; bir bölüm içinde düzey atlanmaz.

Tür

1 | 2 | 3 | 4 | 5 | 6

size

Açıklama

Görsel boyut: 16, 20, 24 ve 32 px. Verilmezse level değerinden gelir (1 xl, 2 lg, 3 md, 4-6 sm); tasarım aynı düzeyde başka bir boyut istiyorsa verin.

Tür

'sm' | 'md' | 'lg' | 'xl'

className

Açıklama

Yalnızca yerleşim için: dış boşluk ve hiza. Boyutu ya da rengi değiştirmek için kullanmayın.

Tür

string

childrenZorunlu

Açıklama

Başlık metni. Alt satıra iner, hiçbir zaman kesilmez.

Tür

ReactNode

Yerel başlık öznitelikleri (id, aria-*) doğrudan iletilir.

Veri öznitelikleri

• data-component="heading": kök öğe üzerinde.