Kitchen sink
This page previews the custom-compiled USWDS styles and functions. Not every USWDS component is included here. Some of these components are not USWDS (it's noted when they're not). To see all USWDS components, reference the the docs.
* This page is not generated in the production environment and is only meant for local development or in non-production preview environments.
Accordion
https://designsystem.digital.gov/components/accordion/Borderless
Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.
A well regulated Militia, being necessary to the security of a free State, the right of the people to keep and bear Arms, shall not be infringed.
- This is a list item
- Another list item
No Soldier shall, in time of peace be quartered in any house, without the consent of the Owner, nor in time of war, but in a manner to be prescribed by law.
The right of the people to be secure in their persons, houses, papers, and effects, against unreasonable searches and seizures, shall not be violated, and no Warrants shall issue, but upon probable cause, supported by Oath or affirmation, and particularly describing the place to be searched, and the persons or things to be seized.
No person shall be held to answer for a capital, or otherwise infamous crime, unless on a presentment or indictment of a Grand Jury, except in cases arising in the land or naval forces, or in the Militia, when in actual service in time of War or public danger; nor shall any person be subject for the same offence to be twice put in jeopardy of life or limb; nor shall be compelled in any criminal case to be a witness against himself, nor be deprived of life, liberty, or property, without due process of law; nor shall private property be taken for public use, without just compensation.
Bordered
Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.
A well regulated Militia, being necessary to the security of a free State, the right of the people to keep and bear Arms, shall not be infringed.
- This is a list item
- Another list item
No Soldier shall, in time of peace be quartered in any house, without the consent of the Owner, nor in time of war, but in a manner to be prescribed by law.
The right of the people to be secure in their persons, houses, papers, and effects, against unreasonable searches and seizures, shall not be violated, and no Warrants shall issue, but upon probable cause, supported by Oath or affirmation, and particularly describing the place to be searched, and the persons or things to be seized.
No person shall be held to answer for a capital, or otherwise infamous crime, unless on a presentment or indictment of a Grand Jury, except in cases arising in the land or naval forces, or in the Militia, when in actual service in time of War or public danger; nor shall any person be subject for the same offence to be twice put in jeopardy of life or limb; nor shall be compelled in any criminal case to be a witness against himself, nor be deprived of life, liberty, or property, without due process of law; nor shall private property be taken for public use, without just compensation.
Multiselectable
Congress shall make no law respecting an establishment of religion, or prohibiting the free exercise thereof; or abridging the freedom of speech, or of the press; or the right of the people peaceably to assemble, and to petition the Government for a redress of grievances.
A well regulated Militia, being necessary to the security of a free State, the right of the people to keep and bear Arms, shall not be infringed.
- This is a list item
- Another list item
No Soldier shall, in time of peace be quartered in any house, without the consent of the Owner, nor in time of war, but in a manner to be prescribed by law.
The right of the people to be secure in their persons, houses, papers, and effects, against unreasonable searches and seizures, shall not be violated, and no Warrants shall issue, but upon probable cause, supported by Oath or affirmation, and particularly describing the place to be searched, and the persons or things to be seized.
No person shall be held to answer for a capital, or otherwise infamous crime, unless on a presentment or indictment of a Grand Jury, except in cases arising in the land or naval forces, or in the Militia, when in actual service in time of War or public danger; nor shall any person be subject for the same offence to be twice put in jeopardy of life or limb; nor shall be compelled in any criminal case to be a witness against himself, nor be deprived of life, liberty, or property, without due process of law; nor shall private property be taken for public use, without just compensation.
Alert
https://designsystem.digital.gov/components/alert/Standard alerts
Informative status
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Warning status
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Success status
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Error status
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Emergency status
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Slim alert
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Alert with no icon
Button
https://designsystem.digital.gov/components/button/Default
Secondary color
Accent cool color
Accent warm color
Base color
Outline
Outline inverse
Big button
Button Group
https://designsystem.digital.gov/components/button-group/Card
https://designsystem.digital.gov/components/card/Default card
-
Card
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
-
Card with Media
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.
-
Media with header first
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore possimus similique nemo odit doloremque laudantium?
-
Inset media
Etiam vitae sodales metus. Fusce id orci dignissim, efficitur risus eget, tempus odio. Donec lectus ante, auctor eget cursus sed, convallis quis magna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris mattis tellus bibendum aliquet malesuada.
-
Exdent media
Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore possimus similique nemo odit doloremque laudantium?
Flag layout card
-
Default flag
Lorem ipsum dolor sit amet consectetur adipisicing elit.
-
Flag media right inset
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Copy Snippet
This is not a USWDS component. This simply uses USWDS utility classes and vanilla JS to allow users to copy a code snippet.
JSON
HTML
CSS
JavaScript
Markdown
Shell
Intro
Unfortunately, this USWDS class has no guidance (see the Sass on GiHub).This is introductory text using the ".usa-intro" class. Lorem ipsum dolor sit amet consectetur adipisicing elit.
This is a regular paragraph. Impedit repellendus totam ab consectetur corrupti veritatis excepturi enim nisi dolores alias qui assumenda quod voluptatibus, temporibus aperiam pariatur ea molestias? Atque.
Link
https://designsystem.digital.gov/components/link/This is a text link on a light background.
This is a visited link.
This is a link that opens in the current tab and goes to an external website.
This is a link that opens in a new tab and goes to an external website.
This is a text link on a dark background.
This is an alternate external text link on a dark background.
List
https://designsystem.digital.gov/components/list/Unordered list
- Unordered list item
- Unordered list item
- Unordered list item
Ordered list
- Ordered list item
- Ordered list item
- Ordered list item
Unstyled list
- Unstyled list item
- Unstyled list item
- Unstyled list item
Table
https://designsystem.digital.gov/components/table/Document title | Description | Year |
---|---|---|
Declaration of Independence | Statement adopted by the Continental Congress declaring independence from the British Empire. | 1776 |
Bill of Rights | The first ten amendments of the U.S. Constitution guaranteeing rights and freedoms. | 1791 |
Declaration of Sentiments | A document written during the Seneca Falls Convention outlining the rights that American women should be entitled to as citizens. | 1848 |
Emancipation Proclamation | An executive order granting freedom to slaves in designated southern states. | 1863 |