enhancement: Divider component

[marc2332]

No description provided.

[reyamir]

this is my divider component

#[derive(Clone, PartialEq)]
pub enum Direction {
	VERTICAL,
	HORIZONTAL,
}

#[component]
pub fn Divider(background: String, direction: Direction) -> Element {
	match direction {
		Direction::VERTICAL => rsx!(
			rect {
				width: "1",
				height: "100%",
				background: background,
			}
		),
		Direction::HORIZONTAL => rsx!(
			rect {
				width: "100%",
				height: "1",
				background: background,
			}
		)
	}
}

[hydra]

ones you can grab with a mouse and move are usually called splitter.

google image search: https://www.google.com/search?q=gui+splitter&client=firefox-b-d&sca_esv=e286eb43f4ef8551&udm=2&biw=1898&bih=1005&sxsrf=ADLYWIIa32L69heXKWydD46jd8e6nd6jMA%3A1725043777669&ei=QRTSZsjEKMqakdUPwZKc8AM&ved=0ahUKEwiI6dvssJ2IAxVKTaQEHUEJBz4Q4dUDCBE&uact=5&oq=gui+splitter&gs_lp=Egxnd3Mtd2l6LXNlcnAiDGd1aSBzcGxpdHRlckiZE1DFClijEnACeACQAQCYAVKgAZcEqgEBOLgBA8gBAPgBAZgCA6ACzQHCAgUQABiABMICBhAAGAUYHsICBhAAGAgYHpgDAIgGAZIHATOgB8MN&sclient=gws-wiz-serp

ones that just divide, without being able to be grabbed and resized are just rects (aka div)

also, the bit that you actually grab, is often called the splitter's handle.

[marc2332]

ones you can grab with a mouse and move are usually called splitter.

google image search: google.com/search?q=gui+splitter&client=firefox-b-d&sca_esv=e286eb43f4ef8551&udm=2&biw=1898&bih=1005&sxsrf=ADLYWIIa32L69heXKWydD46jd8e6nd6jMA%3A1725043777669&ei=QRTSZsjEKMqakdUPwZKc8AM&ved=0ahUKEwiI6dvssJ2IAxVKTaQEHUEJBz4Q4dUDCBE&uact=5&oq=gui+splitter&gs_lp=Egxnd3Mtd2l6LXNlcnAiDGd1aSBzcGxpdHRlckiZE1DFClijEnACeACQAQCYAVKgAZcEqgEBOLgBA8gBAPgBAZgCA6ACzQHCAgUQABiABMICBhAAGAUYHsICBhAAGAgYHpgDAIgGAZIHATOgB8MN&sclient=gws-wiz-serp

ones that just divide, without being able to be grabbed and resized are just rects (aka div)

also, the bit that you actually grab, is often called the splitter's handle.

I do actually have this on a drafted PR https://github.com/marc2332/freya/pull/752/files#diff-ebe5a18828ca45a7ec7caf8e5b9fb78340d8d1122ba13d44090fa22d4bcd8ed2