Container

Pengaturan Tampilan dan Nuansa:

Name (wajib) - nama komponen.

Direction (wajib) - bagaimana elemen diatur di dalam wadah, secara vertikal atau horizontal. Horizontal menjadi default.

Wrap (wajib) - membungkus konten ketika melampaui batas wadah. Sekarangrap secara default

Alignment (wajib) - penyelarasan elemen dalam wadah. Mulai secara default.

Sizes (wajib) - dimensi wadah. Dalam piksel atau persentase. Lebar 100% secara default

Max Width (wajib) - lebar penampung maksimum dalam piksel atau persentase. 100% secara default.

Margin (wajib) - indentasi luar. 0 secara default.

Padding (wajib) - indentasi bagian dalam. 0 secara default Gambar, Gradien atau Hamparan (tidak wajib) - untuk latar belakang.

Background color (tidak wajib) - warna utama untuk latar belakang.

Border (tidak wajib) - pengaturan batas komponen.

Visible (wajib) - membuat komponen terlihat jika dihidupkan. Diaktifkan secara default.

Pemicu alur kerja:

• onCreate – aktif saat elemen dibuat di halaman;
• onShow – aktif ketika komponen mengubah statusnya menjadi terlihat (ditampilkan di halaman);
• onHide – menyala ketika komponen mengubah statusnya menjadi tersembunyi (berhenti ditampilkan);
• onDestroy – menyala ketika komponen dihancurkan;
• onClick - aktif ketika komponen diklik.

Tindakan Komponen:

Container get properties

Mendapatkan properti container.

Parameter masukan :

• Component Id [string] - pengenal komponen container.

Parameter keluaran :

• Width [string] - lebar komponen;
• Height [string] - tinggi komponen;
• Flex direction [enum] - arah komponen;
• Wrap [enum] - pembungkus komponen;
• Alignment horizontal [enum] - perataan komponen secara horizontal;
• Alignment vertical [enum] - perataan komponen secara vertikal;
• Margin [string] - margin komponen;
• Padding [string] - padding komponen;
• Border [string] - batas komponen;
• Background color [string] - warna latar belakang komponen;
• Visible [boolean] - status visibilitas komponen.

Container set properties

Mendapatkan properti container.

Parameter masukan :

• Component Id [string] - pengenal komponen container.

Parameter keluaran :

• Width [string] - lebar komponen;
• Height [string] - tinggi komponen;
• Flex direction [enum] - arah komponen;
• Wrap [enum] - pembungkus komponen;
• Alignment horizontal [enum] - perataan komponen secara horizontal;
• Alignment vertical [enum] - perataan komponen secara vertikal;
• Margin [string] - margin komponen;
• Padding [string] - padding komponen;
• Border [string] - batas komponen;
• Background color [string] - warna latar belakang komponen;
• Visible [boolean] - status visibilitas komponen.

Container update properties

Perbarui properti penampung

Parameter masukan :

• Component Id [string] - pengenal komponen container;
• Width [string] - lebar komponen;
• Height [string] - tinggi komponen;
• Flex direction [enum] - arah komponen;
• Wrap [enum] - pembungkus komponen;
• Alignment horizontal [enum] - perataan komponen secara horizontal;
• Alignment vertica l [enum] - perataan komponen secara vertikal;
• Margin [string] - margin komponen;
• Padding [string] - padding komponen;
• Border [string] - batas komponen;
• Border radius [string] - radius batas komponen;
• Background color [string] - warna latar belakang komponen;
• Visible [boolean] - status visibilitas komponen.

Contoh penggunaan

Wadah dapat digunakan untuk mengelompokkan elemen. Misalnya, untuk merakit formulir dari beberapa bidang input yang berbeda: