القائمة · SDAIA Design System

التثبيت

npx sdaia-ui@latest add menu

import { Menu } from "@/components/ui/menu"

1<Menu />
2<Menu background={true} border={true} />

القائمة الافتراضية بدون تعبئة خلفية أو حدود.

Loading demo: menu-default

اضبط background=true لإضافة خلفية ممتلئة خلف القائمة.

Loading demo: menu-background

اضبط border=true لإضافة حدود حول حاوية القائمة.

Loading demo: menu-border

خصائص مكوّن Menu.

Prop	Type	Default	Required
sections	MenuSectionData[]	-	optional
value	string \| null	-	optional
defaultValue	string \| null	null	optional
onValueChange	(value: string) => void	-	optional
background	boolean	false	optional
border	boolean	false	optional
divider	boolean	true	optional
children	ReactNode	-	optional
dir	"ltr" \| "rtl"	—	optional