From 69312f5133734237edaea6ca29e2de9bf3203050 Mon Sep 17 00:00:00 2001 From: polwex Date: Sun, 15 Jun 2025 01:44:45 +0700 Subject: checkpoint here... --- bs5/universal/native/shared/Align.re | 30 ++++++++++++++++++++++++++++++ 1 file changed, 30 insertions(+) create mode 100644 bs5/universal/native/shared/Align.re (limited to 'bs5/universal/native/shared/Align.re') diff --git a/bs5/universal/native/shared/Align.re b/bs5/universal/native/shared/Align.re new file mode 100644 index 0000000..6397067 --- /dev/null +++ b/bs5/universal/native/shared/Align.re @@ -0,0 +1,30 @@ +type verticalAlign = [ + | `top + | `center + | `bottom +]; +type horizontalAlign = [ + | `left + | `center + | `right +]; + +[@react.component] +let make = (~h: horizontalAlign=`center, ~v: verticalAlign=`center, ~children) => { + let className = + Cx.make([ + "flex flex-col h-full w-full", + switch (h) { + | `left => "items-start" + | `center => "items-center" + | `right => "items-end" + }, + switch (v) { + | `top => "justify-start" + | `center => "justify-center" + | `bottom => "justify-end" + }, + ]); + +
children
; +}; -- cgit v1.2.3