BFUI - Bluefly UI Components¶

BFUI provides a comprehensive set of user interface components for the Bluefly LLM ecosystem. These components form the foundation of consistent, accessible, and responsive user interfaces across Bluefly applications.

Components¶

BFUI includes the following component categories:

Common Components¶

Cards for displaying content in contained boxes
Modal dialogs for focused user interactions

Data Components¶

Tables for displaying structured data
Pagination controls for navigating large datasets

Feedback Components¶

Loaders for indicating processing states
Toast notifications for user feedback

Form Components¶

Buttons for user actions
Checkboxes for boolean selections
Input fields for text entry
Radio buttons for exclusive selections
Select dropdowns for option selection
Textarea fields for multi-line input

Layout Components¶

Dashboard layouts for application structure
Headers and footers for consistent page framing
Sidebars for navigation and secondary content

Accordions for collapsible content sections
Breadcrumbs for hierarchical navigation
Tabs for content organization

Setup and Usage¶

BFUI can be installed as a dependency in your projects:

npm install @bluefly/bfui

Refer to the Getting Started guide for complete installation instructions and usage examples.