1
Fork 0
mirror of https://github.com/Steffo99/bluelib.git synced 2024-12-23 12:04:22 +00:00
bluelib/src/components/Split/Readme.md
2021-01-29 04:53:41 +01:00

764 B

A panel which splits horizontally the contained panels into multiple columns of the same size (if possible).

import Bluelib from "../Bluelib";
import Box from "../Box";

<Bluelib>
    <Box>
        1 / 1
    </Box>
    
    <Split>
        <Box>
            1 / 2
        </Box>
        <Box>
            2 / 2
        </Box>
    </Split>
    
    <Split>
        <Box>
            1 / 3
        </Box>
        <Box>
            2 / 3
        </Box>
        <Box>
            3 / 3
        </Box>        
    </Split>
    
    <Split>
        <Box>
            1 / 4
        </Box>
        <Box>
            2 / 4
        </Box>
        <Box>
            3 / 4
        </Box>
        <Box>
            4 / 4
        </Box>
    </Split>
</Bluelib>