Genie Discord forum
![Author Avatar](https://cdn.discordapp.com/avatars/334615981471039490/83c53a698e23536ccf12e9bd5d127a07.png?size=512)
I am figuring out on how to get the quasar elements in my code. When I use quasar elements, I seem to get this error shown in the pic
Code is shown below
function ui()
row([
cell(class = "col-md-12", [
textfield(class = "q-my-md", "Student ID", :IDinput)
textfield(class = "q-my-md", "Student Name", :Nameinput)
textfield(class = "q-my-md", "Date", :Dateinput)
])
])
row([
cell(class = "col-md-12", [
radio(v-model="shape", val="line", label="A")
radio(v-model="shape", val="line", label="B")
])
])
row([
cell(class = "col-md-12", [
btn(class="q-my-md", "View", color = "primary", @click("granted =! granted"))
btn(class="q-my-md", "Save", color = "primary", @click("granted =! granted"))
])
])
end
![](https://cdn.discordapp.com/attachments/1168233650953924649/1168233651528540260/image.png?ex=65b688df&is=65a413df&hm=de228e95a0cc9a083993a9adc1b50225665cccf26fd2b01d5b49a6b9d4c25419&)
![Author Avatar](https://cdn.discordapp.com/avatars/743412727464067154/bc30abeb49653e9978c0f7c90f4486a8.png?size=512)
that's because julia does not accept dashes in parameter names. Check out the docstring for the components to see how to pass a reactive variable as a parameter. In general, it's the first or second argument as a symbol. This is the call for radio
radio("Line", :Radio_shape, val = "line")
![Author Avatar](https://cdn.discordapp.com/avatars/334615981471039490/83c53a698e23536ccf12e9bd5d127a07.png?size=512)
What's a docstring for the components?
![Author Avatar](https://cdn.discordapp.com/avatars/743412727464067154/bc30abeb49653e9978c0f7c90f4486a8.png?size=512)
Each function that generates a component, like radio, has a docstring. You can access it from the REPL
https://docs.julialang.org/en/v1/manual/documentation/#Accessing-Documentation