@trycourier/courier-ui-core
v2.2.1
Published
The core UI kit for Courier Web Components
Readme
Courier UI Core
@trycourier/courier-ui-core is the shared core UI kit for Courier's browser SDKs. It provides the low-level Web Components, theming utilities, and color helpers that power Courier Inbox, Courier Toast, and Courier Preferences.
Building a notification experience? You probably want one of the higher-level packages — Courier UI Inbox, Courier UI Toast, or Courier UI Preferences — which depend on this package. Install
courier-ui-coredirectly only when building custom Courier UI.
Installation
npm install @trycourier/courier-ui-coreWorks with any JavaScript build system; no additional build configuration required.
Quick Start
import {
CourierButton,
CourierIcon,
CourierInfoState,
CourierThemeManager,
} from "@trycourier/courier-ui-core";
// Core elements (e.g. <courier-button>, <courier-icon>, <courier-checkbox>,
// <courier-radio>) register themselves on import and can be used directly.Features
- Core Elements —
<courier-button>,<courier-icon>,<courier-icon-button>,<courier-link>,<courier-info-state>,<courier-checkbox>,<courier-radio> - Theming —
CourierThemeManagerplus light/dark/system theme-mode utilities shared across all Courier UI packages - Color Utilities — the Courier color palette and helpers used to build consistent themes
- Base Classes —
CourierBaseElementand registration helpers for building custom Courier Web Components
Documentation
Full documentation: courier.com/docs/sdk-libraries
Share feedback with Courier
Have an idea or feedback about our SDKs? Let us know!
Open an issue: Courier Web Issues
