Dropdown:Recieve Value

Build 312 on Mohammed/fix-dropdown
1200px
Reviewing disabled
View latest build
BaselineBuild 23 on master
Focus was turned on because there are subtle diffs in this snapshot.
Baseline
View Storybook
NewBuild 312 on Mohammed/fix-dropdown
Focus was turned on because there are subtle diffs in this snapshot.
NewNewNew
View Storybook
Baseline History
Build 3129583f31
Current build. There are unaccepted changes, so build 23 is still the baseline.
Build 23a0d577c current baseline
Accepted by Mohammed Maqbol.
Commenting is disabled because there's a newer build on this branch
Go to Build 314 now
DOM Diff
file.html a CHANGED
@@ -1,27 +1,18 @@
1
- <div class="sc-kgflAQ bsVrcv">
2
- <div class="sc-fLlhyt fIMOmB">
3
- <label type="label" class="sc-bczRLJ cpQIsB">skills</label>
4
  <img src="static/media/chevron-down.66a3b44e.svg" alt="icon"
5
- class="sc-cxabCf hMsAVS" loading="eager">
6
  </div>
7
- <div class="sc-bBrHrO byhtOM">
8
- <form class="sc-ivTmOn fipyxX">
9
- <label for="option1" class="sc-dkzDqf dOAmxi">
10
- <input type="checkbox" id="option1" name="option1" class="sc-hKMtZM dBWqEz">
11
- <p>option1</p>
12
- </label>
13
- <label for="option2" class="sc-dkzDqf dOAmxi">
14
- <input type="checkbox" id="option2" name="option2" class="sc-hKMtZM dBWqEz">
15
- <p>option2</p>
16
- </label>
17
- <label for="option3" class="sc-dkzDqf dOAmxi">
18
- <input type="checkbox" id="option3" name="option3" class="sc-hKMtZM dBWqEz">
19
- <p>option3</p>
20
- </label>
21
- <label for="option4" class="sc-dkzDqf dOAmxi">
22
- <input type="checkbox" id="option4" name="option4" class="sc-hKMtZM dBWqEz">
23
- <p>option4</p>
24
- </label>
25
- </form>
26
- </div>
27
- </div>
1
+ <div class="StyledDropdown__DropdownContainer-sc-dlp5de-0 jBkiNe">
2
+ <div class="StyledDropdown__Toggle-sc-dlp5de-1 bAUGOC">
3
+ <label type="label" class="StyledTypography__Text-sc-ox9rw0-0 lirIsw">skills</label>
4
  <img src="static/media/chevron-down.66a3b44e.svg" alt="icon"
5
+ class="StyledDropdown__Chevron-sc-dlp5de-4 kVJVfj" loading="eager">
6
  </div>
7
+ <div class="StyledDropdown__OptionsContainer-sc-dlp5de-2 iKAqgB">
8
+ <div type="light" class="Layer-sc-1p215n8-0 Dropdown___StyledLayer-sc-124s9do-0 deqrtF kCmdNh">
9
+ <form class="StyledDropdown__Options-sc-dlp5de-3 eLQKeo">
10
+ <label for="option1" class="StyledCheckbox__Option-sc-4ge9qs-0 dYAWKD">
11
+ <input type="checkbox" id="option1" name="option1" class="StyledCheckbox__Input-sc-4ge9qs-1 kFKmXC">
12
+ <p>option1</p>
13
+ </label>
14
+ <label for="option2" class="StyledCheckbox__Option-sc-4ge9qs-0 dYAWKD">
15
+ <input type="checkbox" id="option2" name="option2" class="StyledCheckbox__Input-sc-4ge9qs-1 kFKmXC">
16
+ <p>option2</p>
17
+ </label>
18
+ <label for="option3" class="StyledCheckbox__Option-sc-4ge9