package Ġapp . soft work . bootstrap compose . show case Ċ Ċ import Ġandroidx . compose . runtime .* Ċ import Ġapp . soft work . bootstrap compose .* Ċ import Ġorg . jetbrains . compose . web . css .* Ċ Ċ @ Composable Ċ fun ĠDrop Down View () Ġ{ ĊĠĠĠ ĠGrid Box ( st yling Ġ= Ġ{ ĊĠĠĠĠĠĠĠ ĠMargin s Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠAll Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġsize Ġ= ĠSp acing Specs . Spacing Size . Small ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ ĠGrid Layout Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcolumns Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtrack List Ġ{ Ġtrack ( repeat Ġ= ĠTrack List . Track Repeat ( 4 , Ġ 2 5 . fr )) Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġgap Ġ= Ġ 0 . 5 . em ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġrows Ġ{ Ġgap Ġ= Ġ 0 . 5 . em Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ}) Ġ{ ĊĠĠĠĠĠĠĠ ĠDrop Down (" Dropdown ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems () ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ ĠDrop Down (" Right - aligned Ġmenu ", Ġmenu Alignment Ġ= ĠDrop Down . Menu Alignment . End ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems () ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ ĠDrop Down ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" Left - aligned , Ġright - aligned Ġlg ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmenu Alignment Ġ= ĠDrop Down . Menu Alignment . Start Then End At Breakpoint ( Breakpoint . Large ) ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems () ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ ĠDrop Down ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" Right - aligned , Ġleft - aligned Ġlg ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmenu Alignment Ġ= ĠDrop Down . Menu Alignment . End Then Start At Breakpoint ( Breakpoint . Large ) ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems () ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ ĠDrop Down (" Drop start ", Ġdirection Ġ= ĠDrop Down . Direction . Left ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems () ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ ĠDrop Down (" D ro pend ", Ġdirection Ġ= ĠDrop Down . Direction . Right ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems () ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ ĠDrop Down (" Drop up ", Ġdirection Ġ= ĠDrop Down . Direction . Up ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems () ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ private Ġfun ĠDrop Down Builder . items () Ġ{ ĊĠĠĠ ĠButton (" Menu ĠItem ") Ġ{} ĊĠĠĠ ĠButton (" Menu ĠItem ") Ġ{} ĊĠĠĠ ĠButton (" Menu ĠItem ") Ġ{} Ċ }