Container

Kurulum

Paket

@bigbang/ui

İçe aktarma

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

Kaynak

Container.tsx

Storybook

Container · Playground

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

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

<Container size="sm" render={<main />}>
  ...
</Container>;

Özellikler

size

Açıklama

En fazla içerik genişliği: formlar ve okuma için sm 720 px, panel içeriği için md 1104 px, geniş tablolar için lg 1440 px, sınırsız için full.

Tür

'sm' | 'md' | 'lg' | 'full'

Varsayılan

'md'

render

Açıklama

Başka bir öğe olarak çizer, ör. <main>, <section>. Varsayılan <div>.

Tür

ReactElement | ComponentRenderFn<HTMLProps, {}>

className

Açıklama

Yalnızca yerleşim için: dikey dış ve iç boşluk. Genişliği değiştirmek için kullanmayın.

Tür

string

children

Açıklama

Sayfa içeriği.

Tür

ReactNode

Yerel <div> öznitelikleri doğrudan iletilir.

Veri öznitelikleri

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