Interviews
Dashboard
Practice questions
Guides
Pricing
Sign in / up
Get full access
Back to focus areas
Design System Components
Number of questions
15 questions
Elevate your front-end skills by practicing the creation of front end design system components.
All Practice Questions
Coding (0 / 12)
System Design (0 / 3)
Coding Format
JavaScript Utilities
User Interface
Data Structures & Algorithms
Search coding questions
Sort by
Number of questions
12 questions
Total time
4 hours total
Questions List
1
Tabs
Build a tabs component that displays a list of tab elements and one associated panel of content at a time
Difficulty
Medium
Available frameworks
2
Modal Dialog
Build a reusable modal dialog component that can be opened and closed
Difficulty
Medium
Available frameworks
Accordion
Build an accordion component that a displays a list of vertically stacked sections with each containing a title and content snippet
Difficulty
Easy
Available frameworks
Progress Bar
Build a progress bar component that shows the percentage completion of an operation
Difficulty
Easy
Available frameworks
Accordion II
Build an accessible accordion component that has the right ARIA roles, states, and properties
Difficulty
Medium
Available frameworks
Accordion III
Build a fully accessible accordion component that has keyboard support according to ARIA specifications
Difficulty
Medium
Available frameworks
Modal Dialog II
Build a semi-accessible modal dialog component that has the right ARIA roles, states, and properties
Difficulty
Medium
Available frameworks
Modal Dialog III
Build a moderately-accessible modal dialog component that supports common ways to close the dialog
Difficulty
Medium
Available frameworks
Star Rating
Build a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating
Difficulty
Medium
Available frameworks
Tabs II
Build a semi-accessible tabs component that has the right ARIA roles, states, and properties
Difficulty
Medium
Available frameworks
Tabs III
Build a fully accessible tabs component that has keyboard support according to ARIA specifications
Difficulty
Medium
Available frameworks
Modal Dialog IV
Build a fully-accessible modal dialog component that supports all required keyboard interactions
Difficulty
Hard
Available frameworks