-
Notifications
You must be signed in to change notification settings - Fork 0
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add Checkbox question type #25
base: dev
Are you sure you want to change the base?
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Beautiful checkboxes! A few things but nothing blocking
<> | ||
<h1>How many stars are there in the sky?</h1> | ||
<Checkboxes | ||
options={['one', 'two', 'three', 'four', 'five']} | ||
updateCallback={action('Option is selected')} | ||
/> | ||
</> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wait is there a reason this is with an h1
? I think it should be a fieldset
with a legend
|
||
.container label { | ||
display: grid; | ||
align-items: baseline; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@@ -0,0 +1,21 @@ | |||
.container { | |||
font-size: 25px; | |||
width: 100%; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This width is making it so you can click really far away from the checkboxes and accidentally select one?
@@ -1,7 +1,9 @@ | |||
{ | |||
"name": "survey", | |||
"version": "0.1.0", | |||
"engines": { "node": "18.x" }, | |||
"engines": { | |||
"node": ">=18.x" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
woah
Curious for feedback on styling. Tried to optimize for longer answer lengths.