Components
Everything you press, type or choose.
Triggers an action. Two sizes.
Primary
Hover
Keyboard focus
Pressed
Working (press to try)
Not available
Choose a section first.
Secondary
Secondary, hover
Tertiary
Leaves for a campus site
Register with SUNY Adirondack(opens the campus website)Icon and word
Full width
Small: inside cards, alerts and tight rows
Goes to another page or site.
Inside a sentence
Read how funding works before you apply.
On its own
See all health care coursesLeaves the SUNY service
Rockland Community College website (opens a campus website)Find a course by name, skill or campus.
Empty
Filled (clear button appears)
Search in a panel
Suggests subjects, campuses and courses while someone types. Try “health” or “rock”.
Short typed answers.
Default
With hint
The campus replies here.
Optional
Keyboard focus
Error
Enter an email address like name@example.com
Already known (read only)
Health Care Assistant, SUNY Adirondack
Not available
For employers signed in to a group account.
One choice from a list, or a longer message.
Select
Text area with a count
Please don't include your Social Security number or health details.
Up to 1,000 charactersAny number of options, as bordered cards.
With a description
With an icon
Error
Exactly one option, as bordered cards.
Icon choices
The bar that ends every form. Secondary at the start, primary at the end.
Short form: the bar sits at the bottom of the space
Step in a longer task
Narrow results. Updates instantly.
Filters on smaller screens.
Press to open the drawer
Filters in use, removable in one tap.
24 courses for “nursing”
Nearby campuses first, by consent or ZIP code.
See nearby campuses first? Other campuses stay in the list.
or
Keep a course for later.
Signed in (press to try)
Signed out