Berxi Web Design System
  • Foundations
  • UI Components
  • Brand Assets
  • Changelog
  • Foundations
    • Colors
    • Effects
    • Logos
    • Typography
  • UI Components
    • Alerts
    • Buttons
    • Inputs
    • Modal dialogs
    • Selects
    • Switches
    • Tooltips
  • Brand Assets
    • Logos
    • Fonts
    • Iconography
  • Changelog
  • Alerts
  • Buttons
  • Inputs
  • Modal dialogs
  • Selects
  • Switches
  • Tooltips

UI Components

Element that represents a control that provides a menu of options, collection of UI components used.

Icon for hero-components
Icon for component-alert
Alerts

Alerts are used to communicate a state that affects a system, feature or page. They are used to provide feedback about an action that has taken place.

Icon for component-button
Buttons

Buttons allow users to take actions and make choices, with a single click.

Icon for component-input
Inputs

Form input controls like <input> and <textarea>. These fields will allow users to submit short and long form text input.

Icon for component-modal
Modal dialogs

Modal dialogs present popup information to inform users of important information and sometimes allow the user to take action.

Icon for component-select
Selects

Selects create dropdowns for selecting a single entry from a list.

Icon for component-switch
Switches

Switches render a single boolean toggle that has an off state and an on state.

Icon for component-tooltip
Tooltips

Informative message that appears when a user interacts with an element.

Copyright Berxi, 2024 - Powered By Handoff