Bahri Brand Kit

Complete Component Library

Explore Bahri's comprehensive design system with all UI components, interactive examples, and brand guidelines

Button Components
All button variants, sizes, and states with Bahri's branding

Primary Variants

Sizes & Styles

Form Elements
Inputs, textareas, and form controls
Selections
Dropdowns & toggles
Push notifications
Badges & Status
Status indicators and labels

Badge Variants

DefaultSecondaryOutlineDestructivePrimarySecondary

User Avatars

CNJDABMK
Alerts
Notification and alert messages
Progress & Loading States
Progress indicators and skeleton screens
65%

Loading Skeleton

Navigation
Breadcrumbs and pagination

Breadcrumb

Pagination

Dropdowns & Menus
Context menus and dropdown options
Tabs & Accordion
Organized content sections

Overview content goes here with general information

Data Table
Formatted data display with actions
NameEmailStatusActions
John Doejohn@example.comActive
Jane Smithjane@example.comPending
Bob Johnsonbob@example.comInactive
Dialogs
Modal windows and alerts
Popovers & Tooltips
Contextual information displays
Control Elements
Toggles, switches, and interactive controls

Toggle Buttons

Toggle Groups

Collapsible Sections

Ready to use Bahri's Component Library?

All components are fully customizable and built with Bahri's brand colors and design system