package Ġsamples . checkbox Ċ Ċ import Ġan td . checkbox . Checkbox Option Type Ċ import Ġan td . checkbox . Checkbox ValueType Ċ import Ġan td . checkbox . checkbox Group Ċ import Ġkotlin ext . js . js Object Ċ import Ġreact . R Builder Ċ import Ġreact . dom . br Ċ import Ġreact . dom . div Ċ import Ġstyled . css Ċ import Ġstyled . styled Div Ċ Ċ private Ġval Ġplain Options : ĠArray < Checkbox ValueType > Ġ= ĠarrayOf (" Apple ", Ġ" P ear ", Ġ" Orange ") Ċ private Ġval Ġoptions Ġ= ĠarrayOf < Checkbox Option Type >( ĊĠĠĠ Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠ Ġlabel Ġ= Ġ" Apple " ĊĠĠĠĠĠĠĠ Ġvalue Ġ= Ġ" Apple " ĊĠĠĠ Ġ}, ĊĠĠĠ Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠ Ġlabel Ġ= Ġ" P ear " ĊĠĠĠĠĠĠĠ Ġvalue Ġ= Ġ" P ear " ĊĠĠĠ Ġ}, ĊĠĠĠ Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠ Ġlabel Ġ= Ġ" Orange " ĊĠĠĠĠĠĠĠ Ġvalue Ġ= Ġ" Orange " ĊĠĠĠ Ġ} Ċ ) Ċ private Ġval Ġoptions With Disabled Ġ= ĠarrayOf < Checkbox Option Type >( ĊĠĠĠ Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠ Ġlabel Ġ= Ġ" Apple " ĊĠĠĠĠĠĠĠ Ġvalue Ġ= Ġ" Apple " ĊĠĠĠ Ġ}, ĊĠĠĠ Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠ Ġlabel Ġ= Ġ" P ear " ĊĠĠĠĠĠĠĠ Ġvalue Ġ= Ġ" P ear " ĊĠĠĠ Ġ}, ĊĠĠĠ Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠ Ġlabel Ġ= Ġ" Orange " ĊĠĠĠĠĠĠĠ Ġvalue Ġ= Ġ" Orange " ĊĠĠĠĠĠĠĠ Ġdisabled Ġ= Ġtrue ĊĠĠĠ Ġ} Ċ ) Ċ Ċ private Ġfun ĠhandleChange ( checked Values : ĠArray < Checkbox ValueType >) Ġ{ ĊĠĠĠ Ġconsole . log (" checked Ġ= Ġ", Ġchecked Values ) Ċ } Ċ Ċ fun ĠR Builder . group () Ġ{ ĊĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠ Ġcss Ġ{ Ġ+ Checkbox Styles . group Ġ} ĊĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcheckbox Group Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoptions Ġ= Ġplain Options . unsafe Cast < Array < Any >>() ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠdefaultValue Ġ= ĠarrayOf (" Apple ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonChange Ġ= Ġ:: handleChange ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbr Ġ{} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbr Ġ{} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcheckbox Group Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoptions Ġ= Ġoptions . unsafe Cast < Array < Any >>() ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠdefaultValue Ġ= ĠarrayOf (" P ear ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonChange Ġ= Ġ:: handleChange ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbr Ġ{} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbr Ġ{} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcheckbox Group Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoptions Ġ= Ġoptions With Disabled . unsafe Cast < Array < Any >>() ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdisabled Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠdefaultValue Ġ= ĠarrayOf (" Apple ") ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonChange Ġ= Ġ:: handleChange ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ