Button
button
72 primitives
Primitives
Base UI behaviour, drawn on one design language. Open the code of any of them to copy it or the command that installs it, and switch the theme to check both.
Actions
Buttons, toggles and the menus they open.
Toggle
toggle
Toggle Group
toggle-group
Dropdown Menu
dropdown-menu
Forms
Every way to type, pick and toggle a value, down to a date.
Label
label
Input
input
Textarea
textarea
Field
field
We send the sign-in code to this address.
Use letters, numbers and dashes only.
Select
select
Native Select
select-native
Combobox
combobox
Design
Docs
Checkbox
checkbox
Checkbox Tree
checkbox-tree
Radio Group
radio-group
Switch
switch
Slider
slider
Volume
Estimate, in hours
OTP Field
otp-field
We sent it to lena@example.com
Date Field (React Aria)
datefield-rac
Cropper
cropper
Use mouse wheel or pinch gesture to zoom. Drag with mouse or touch, or use arrow keys to pan the image within the crop area.
Calendar
calendar
Calendar (React Aria)
calendar-rac
Overlays
Layers that open above the page.
Tooltip
tooltip
Popover
popover
Hover Card
hover-card
Assigned to Lena Fischer
Dialog
dialog
Alert Dialog
alert-dialog
Sheet
sheet
Command
command
No command matches your search.
Create taskC
Assign to meI
Inbox
Projects
Settings
Navigation
Moving between pages, sections and steps.
Navigation Menu
navigation-menu
Stepper
stepper
Tabs
tabs
The project at a glance.
Rows grouped by status.
Pagination
pagination
Breadcrumb
breadcrumb
Data display
Labels, people, lists, trees and tables.
Avatar
avatar
LFMCJW
LFOHPNTO
Badge
badge
NewDraftArchivedPaidDue soonIn reviewOverdue
Chip
chip
DesignBugReadyWaitingDocs
Kbd
kbd
- Search
- ⌘K
- New task
- C
- Send a comment
- ⌘Enter
Selected Mark
selected-mark
Tree
tree
Accordion
accordion
Yes. The new price applies from the next billing date.
Timeline
timeline
Kickoff
Scope, owners and the first milestones agreed.
Design review
Wireframes and the new pricing page signed off.
Beta release
Fifty workspaces try the new pages behind a switch.
Public launch
The redesign ships to every workspace.
Table
table
| Task | Assignee | Status | Due | Estimate |
|---|---|---|---|---|
| Pricing page copy | Lena Fischer | In review | Mar 12 | 6 h |
| Docs search | Omar Haddad | In progress | Mar 14 | 12 h |
| Changelog layout | Priya Nair | Done | Mar 9 | 4 h |
| Hero demo | Tomás Ortega | Overdue | Mar 8 | 9 h |
| Total | 31 h | |||
Feedback
What is loading, and what just happened.
Status Orb
status-orb
Spinner
spinner
Progress
progress
brand-guide.pdf uploaded
Preparing the export
Skeleton
skeleton
Toaster
sonner
Layout
Surfaces, lines and panels that hold the rest.
Card
card
Website redesign
Updated this morning by Lena
In review
New pages for pricing, docs and the changelog.
Separator
separator
Atlas Studio
Workspace on the Team plan
Members
Billing
Security
Scroll Area
scroll-area
Collapsible
collapsible
3 files attached
Animated Size
animated-size
Three pages ship with the redesign.
Chat
The pieces of an assistant conversation: messages, composer, reasoning and tools.
Chat Message
chat-message
Can you sum up what changed in the 2.4 release?
LFThree things changed: cursor pagination on /documents, a higher rate limit for workspace tokens, and a new endpoint to delete comments.
Chat Container
chat-container
Chat Prompt Input
chat-prompt-input
Chat Response Stream
chat-response-stream
mode='typewriter'
The 2.4 release moves pagination to cursors, raises the rate limit for workspace tokens and adds an endpoint to delete comments.
mode='fade'
The 2.4 release moves pagination to cursors, raises the rate limit for workspace tokens and adds an endpoint to delete comments.
Chat Markdown
chat-markdown
Release 2.4
Three changes reach the public API:
- Pagination on
/documentsuses acursor - Workspace tokens get 120 requests a minute
DELETE /comments/{id}is new
ts
const page = await atlas.documents.list({ cursor: next });Chat Code Block
chat-code-block
typescript
import { Atlas } from '@atlas/sdk';
const atlas = new Atlas({ token: process.env.ATLAS_TOKEN });
const tasks = await atlas.tasks.list({ project: 'website-redesign' });Chat Tool
chat-tool
Input
- query:
- pagination 2.4
Output
{
"matches": 3,
"top": "API reference, Pagination"
}Call call_7f2a
Input
- page:
- API reference
- section:
- Pagination
Waiting for the result
Input
- url:
- https://docs.example.com/limits
Error
The page answered 404. Check the address and try again.
Chat System Message
chat-system-message
The assistant lost its access to Atlas Docs
Two messages left on the free plan today
The reply could not be written
Chat Motion
chat-motion
- The API reference, pagination section
- The 2.4 entry of the changelog
Chat Loader
chat-loader
Thinking
Chat Thinking Bar
chat-thinking-bar
Reading the changelog
Chat Reasoning
chat-reasoning
The API reference was last edited before 2.4 shipped, so it is probably behind. I will read the 2.4 entry of the changelog first, then the parts of the reference it touches: pagination, rate limits and comments.
Chat Chain of Thought
chat-chain-of-thought
Found the 2.4 entry, from March 18
Three changes touch the public API
Chat Steps
chat-steps
The API reference, pagination section
The 2.4 entry of the changelog
An issue about cursor pagination
Chat Source
chat-source
Workspace tokens now get 120 requests a minute 1 and pagination moved to cursors changelog.example.com
Chat Image
chat-image
Chat File Upload
chat-file-upload
Or drop files anywhere on the page
Chat Prompt Suggestion
chat-prompt-suggestion
Chat Feedback Bar
chat-feedback-bar
Was this reply helpful?
Chat Scroll Button
chat-scroll-button