@egeonu/tree/lib/ReactTree.css

Tree package for building Tree UI compoenent. It includes a fully customizable react component, stand-alone object builder and a custome HTML element. ## Getting Started `npm i @egeonu/tree` ## Usage A few examples of useful commands and/or tasks. #

.tree_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width:100%;
}

.tree_children {
    display: flex;
    flex-direction: row;
}

.tree_element {
    padding: .5em;
    margin-block: .5em;
    margin-inline: .5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: fit-content;
    text-align: center;
}

.tree_leaf {
    width: fit-content;
    padding: .5em;
    border-radius: .25em;
    border-radius: .5em;
    border: 2px solid black;
}

.tree_leaf_click:hover {
    background-color: rgb(187, 187, 187);
    cursor: pointer;
}

.tree_parent {
    border-radius: .5em;
    border: 2px dotted black;
}