SUMBER TERBUKA
TATA LETAK FLEX
Panduan dasar penggunaan FlexLayout
Contoh menyusun Split View yang dapat diubah ukuran dalam bentuk paling sederhana.
Kiri adalah kode, kanan menunjukkan layar operasi nyata dengan struktur yang sama.
Kode
import { FlexLayout, FlexLayoutContainer } from "@byeolnaerim/flex-layout";
<FlexLayout direction="column" layoutName="column-layout">
<FlexLayoutContainer containerName="top-container" isResizePanel>
<FlexLayout direction="row" layoutName="top-layout">
<FlexLayoutContainer containerName="top-left" isResizePanel grow={1.3}>
...
</FlexLayoutContainer>
<FlexLayoutContainer containerName="top-right" grow={0.7}>
...
</FlexLayoutContainer>
</FlexLayout>
</FlexLayoutContainer>
<FlexLayoutContainer containerName="bottom-container">
<FlexLayout direction="row" layoutName="bottom-layout">
<FlexLayoutContainer containerName="bottom-left" isResizePanel grow={0.3}>
...
</FlexLayoutContainer>
<FlexLayoutContainer containerName="bottom-right" grow={1.7}>
...
</FlexLayoutContainer>
</FlexLayout>
</FlexLayoutContainer>
</FlexLayout>
SPONSOR · Dukungan
Dukungan meningkatkan pemeliharaan dan kualitas.
Digunakan langsung untuk pembaruan perpustakaan, dokumentasi/contoh, perbaikan bug, dan pengembangan fitur baru. Dukungan kecil juga sangat berarti.
Dukung melalui GitHub SponsorsDukung melalui Ko-fiDukungan bulanan/satu kali semua OK · Terima kasih banyak 🙏
HUBUNGI KAMI