Components

Every Comb component in the KiBee console, each one split by meaning. The examples are the real components, so you can press, type and toggle them.

Previewapps/web/components/ui

Actions

Status and labels

Forms

Feedback and structure

Objects and conversations

  • KB-1042Open

    Cannot export my report

    Object header

    Key, status, title and actions on one row, with a line of facts under it.

    KbObjectHeader, KbKeyRead the guide

    • Chat
    • Ana Ruiz
    • 2h ago

    Meta list

    One quiet line of facts; items can be text, times, chips or link buttons.

    KbMetaListRead the guide

  • Thanks, I'm on it.

    Message

    A chat bubble with author and time. Customer, AI, you, system and internal note.

    KbMessage, KbMessageDate, KbMessageText, KbMessageAttachment, KbMessageActionRead the guide

  • Row button

    One pickable row in a list or tile in a grid; you lay out the inside.

    KbRowButtonRead the guide

  • Record card

    One record in a list or grid: title, facts, status, body and actions; the whole card opens it.

    KbRecordCardRead the guide

  • Filter bar

    Search, filters, date range, result count and clear, in one place above a list.

    KbFilterBarRead the guide

  • Progress

    How far a task has come: a bar, or numbered steps.

    KbProgressRead the guide

  • Meter

    A reading inside a known range, with its words beside it.

    KbMeterRead the guide

  • Confirm dialog

    Asks once, in a labelled modal, before an action that is hard to undo. Replaces confirm().

    KbConfirmDialogRead the guide

  • Color field

    A swatch, the colour's name and use, and its hex code, with a clear message for a bad code.

    KbColorFieldRead the guide

  • Toast

    A short confirmation in a polite live region. Replaces alert().

    KbToastRegionRead the guide

  • Suggested replyClearing the export cache usually fixes this.

    Clearing the export cache usually fixes this, and I can do it now.

    Suggestion

    A one-line strip above a composer that opens to the full text.

    KbSuggestionRead the guide