Skip to content

Components Overview

Ghuo Design provides a rich component library covering most usage scenarios for enterprise applications.

General Components

  • Button - Used to trigger business logic
  • Icon - Semantic vector graphics
  • Typography - Basic text formatting

Layout Components

  • Grid - 24-column grid system
  • Layout - Assists with page-level overall layout
  • Space - Set spacing between components
  • Menu - Navigation menu list for pages and functions
  • Breadcrumb - Shows current page location in system hierarchy
  • Pagination - Separates long lists using pagination

Data Entry

  • Form - Forms with data collection, validation, and submission functions
  • Input - Input content via mouse or keyboard
  • Select - Dropdown selector

Data Display

  • Table - Display row and column data
  • Tag - Small tags for marking and classification
  • Card - General card container

Feedback

  • Message - Global display of operation feedback information
  • Modal - Modal dialog
  • Loading - Loading state for pages and blocks

Released under the MIT License.