Components
Simple and consistent solutions to common user-interface needs. The Code for America USWDS theme contains the following components.
-
Accordion
An accordion helps me scan long pages by letting me show or hide sections of text.
Extends the USWDS Accordion component.
-
Alert
An alert appears when I need help or when something has changed. It may be time-sensitive.
Extends the USWDS Alert component.
-
Button
A button helps me submit an online form, find important links, or turn something on.
Extends the USWDS Button component.
-
Checkbox
Checkboxes let me choose one or more options from a list.
Extends the USWDS Checkbox component.
-
File selector
A file selector lets me pick or drop my documents when I need to add them to an online form.
Extends the USWDS File input.
-
Follow-up question
A follow-up question appears after I've answered another question in a specific way.
-
Footer
A footer appears at the bottom of a web page and helps me find information like a site map or legal information.
Extends the USWDS Footer, slim variant.
-
Form card
A form card helps me focus and answer a few questions in a big online form.
Extends the USWDS Form.
-
Household details
Household details let me verify I’ve provided accurate information about my family or the people I live with.
-
Identifier
An identifier is a banner in the footer of a web page that tells me who created it.
Extends the USWDS Identifier, no logos.
-
Input
An input is where I provide a short answer to a question in an online form.
Extends the USWDS Text input component.
-
Memorable date
A memorable date is one I can easily recall without having to pick it in a calendar.
Extends the USWDS Memorable date component.
-
Radio button
Radio buttons let me choose one out of many options in a list.
Extends the USWDS Radio button.
-
Select
A select lets me choose one out of many options from a pop-up list.
Extends the USWDS Select component.
-
Textarea
A textarea is where I provide a long answer to a question in an online form.
Extends the USWDS Text input component.
-
Toolbar
A toolbar has all of the important links and features I need from a website. It might also have a time-sensitive alert.
For a full list of additional USWDS components available refer to guidance on the USWDS documentation site.
USWDS documentation site