Components

UI component vocabulary for precise communication. Correct naming of navigation, inputs, feedback, layout patterns. Use to translate user descriptions into exact component names.

neuron-one 671c384 1023 B Updated

File contents

Component Vocabulary

Navigation

  • Navbar, Sidebar, Breadcrumbs, Tabs, Pagination
  • Drawer, Bottom Sheet, Command Palette
  • Stepper, Wizard, Accordion Menu

Input

  • Text Field, Textarea, Select/Dropdown
  • Checkbox, Radio, Toggle/Switch
  • Slider, Range, Date Picker, Color Picker
  • File Upload, Drag & Drop Zone
  • Search Bar, Autocomplete, Tag Input

Feedback

  • Toast/Snackbar, Alert Banner, Notification Badge
  • Progress Bar, Spinner, Skeleton Screen
  • Empty State, Error State, Loading State
  • Tooltip, Popover, Modal/Dialog

Data Display

  • Table, Data Grid, Card Grid
  • List, Timeline, Tree View
  • Chart, Metric Card, Stat Widget
  • Avatar, Badge, Tag/Chip

Layout

  • Container, Grid, Flex, Stack
  • Divider, Spacer, Aspect Ratio
  • Sticky Header, Fixed Footer
  • Split Pane, Resizable Panel

neuron-one/godmode/tree/main/skills/design/components commit 671c3848e5

Frequently asked questions

npx skillmds@latest add neuron-one/components