Bahri's Brand Component Showcase

components with your Bahri's branding

Buttons - All Variants

See how your brand colors look across all button styles

Form Elements

Input fields, textareas, and form controls

Password

Message

Accept terms and conditions

Badges & Avatars

Status indicators and user representations

DefaultSecondaryOutlineDestructive

CNJDAB

Alerts

Different types of alert messages

Information

This is an informational alert using your brand colors.

Error

This is a destructive alert for errors and warnings.

Progress & Loading States

Progress bars and skeleton loading

Progress: 65%

Tabs Navigation

Tabbed content with your brand styling

Name

Username

Data Table

Styled table with your brand colors

Name	Status	Role
John Doe	Active	Admin
Jane Smith	Pending	User
Bob Johnson	Inactive	User

Toggle Controls

Toggle buttons and groups

Dialog & Popover

Modal dialogs and contextual popovers with your brand styling

Click the buttons above to see dialogs and popovers with your brand styling!

Bahri's Brand showcase complete! All components are using Bahri's color palette.