Cara Membina Kandungan Sampingan Boleh Dilipat dalam Reaksi, Diilhamkan oleh Jira

Terdapat berbilang pilihan tentang cara menunjukkan kandungan tambahan yang diperlukan pengguna anda, seperti borang untuk mencipta rekod baharu atau mengedit rekod sedia ada. Amalan terbaik UI/UX adalah untuk tidak mengacaukan skrin dengan pilihan yang tidak perlu melainkan pengguna benar-benar memerlukannya.
Oleh sebab itu, terdapat pelbagai jenis dialog yang boleh anda tunjukkan kepada pengguna anda, seperti modal, laci dan sebagainya. 
Satu kelemahan modal ialah mereka menyembunyikan kandungan. Ia bagus untuk apabila pengguna ingin mencipta rekod baharu, tetapi tidak apabila mereka mengedit rekod sedia ada.
Jika anda pernah menggunakan Jira, anda mungkin perasan panel kandungan boleh lipat unik mereka di bahagian tunggakan. Bagaimana mereka melakukannya? 
Inilah yang saya maksudkan: 

Saya telah mencapai gelagat yang sama dengan komponen Layout dan Sider daripada Ant Design dalam React; inilah kotak pasir:

https://codesandbox.io/p/sandbox/responsive-persistent-modal-97s3fd

Jika anda menggunakan sesuatu selain React & Ant Design. Berikut ialah tangkapannya: ia hanyalah bar sisi di sebelah kanan dengan lebar runtuh 0.

BR

Ahmed.

Atas ialah kandungan terperinci Cara Membina Kandungan Sampingan Boleh Dilipat dalam Reaksi, Diilhamkan oleh Jira. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!