package Ġexample Ċ Ċ import Ġkotlin ext . js .* Ċ import Ġkotlinx . html . InputType Ċ import Ġkotlinx . html . unsafe Ċ import Ġreact .* Ċ import Ġreact . dom .* Ċ Ċ fun ĠR Builder . app ( props : ĠR Props ) Ġ{ ĊĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠ Ġ// ĠThree Ġdifferent Ġways Ġto Ġdefine Ġstyle Ġproperties Ġare Ġlisted Ġbelow ĊĠĠĠĠĠĠĠ Ġattrs . js Style Ġ= Ġjs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġwidth Ġ= Ġ" 1 0 0 px " ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġjs Style Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight Ġ= Ġ" 1 0 0 px " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġattrs . js Style . backgroundColor Ġ= Ġ" red " ĊĊĠĠĠĠĠĠĠ Ġ// ĠSetting Ġan Ġattribute ĊĠĠĠĠĠĠĠ Ġattrs . attributes [" title "] Ġ= Ġ" My Ġtitle " ĊĊĠĠĠĠĠĠĠ Ġ// ĠSetting Ġa Ġcustom Ġattribute ĊĠĠĠĠĠĠĠ Ġattrs [" my - attribute "] Ġ= Ġ 1 0 0 ĊĠĠĠĠĠĠĠ Ġattrs [" class "] Ġ= Ġ" class " ĊĊĠĠĠĠĠĠĠ Ġ// ĠApp ending Ġchildren Ġfrom Ġprops ĊĠĠĠĠĠĠĠ Ġprops . children () ĊĊĠĠĠĠĠĠĠ Ġ// ĠUn escaped Ġcontent ĊĠĠĠĠĠĠĠ Ġattrs . unsafe Ġ{ Ġ+ "& nbsp ; "} ĊĊĊĠĠĠĠĠĠĠ Ġ// ĠForm Ġelements Ġhttps :// facebook . github . io / react / docs / forms . html ĊĊĠĠĠĠĠĠĠ Ġinput Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . defaultValue Ġ= Ġ" foo " ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġinput Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtype Ġ= ĠInput Type . checkBox ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdefault Checked Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġtext Area Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġvalue Ġ= Ġ" bar " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠdefaultValue Ġ= Ġ" foobar " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġval Ġoptions Ġ= ĠlistOf (" foo ", Ġ" bar ", Ġ" baz ") ĊĊĠĠĠĠĠĠĠ Ġselect Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . value Ġ= Ġ" foo " ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġoptions . forEach Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoption Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġkey Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . value Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ it ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġselect Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . multiple Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . values Ġ= Ġset Of (" foo ", Ġ" bar ") ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġoptions . forEach Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoption Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġkey Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . value Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ it ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ Ġselect Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . multiple Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . values Ġ+= Ġ" foo " ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . values Ġ+= Ġ" bar " ĊĊĠĠĠĠĠĠĠĠĠĠĠ Ġoptions . forEach Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġoption Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġkey Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . value Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ it ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ