@cal.macconnachie/web-components

A collection of lightweight, framework-agnostic web components built with Lit.

Components

• base-button - Customizable button component
• base-card - Card container component
• base-date-picker - Date selection input
• base-datetime-picker - Combined date and time picker
• base-drawer - Slide-out drawer panel
• base-input - Text input field
• base-select - Dropdown select menu
• base-tabs & base-tab - Tabbed content interface
• base-textarea - Multi-line text input
• base-time-picker - Time selection input
• quantity-select - Quantity increment/decrement control
• theme-toggle - Light/dark mode switcher

Quick Start

Load from CDN:

<!-- Load all components -->
<script type="module" src="https://cdn.cals-api.com/index.js"></script>

<!-- Or load individual components -->
<script type="module" src="https://cdn.cals-api.com/components/base-button.js"></script>

Use in your HTML:

<base-button variant="solid-primary">Primary</base-button>

Playground

View live examples and documentation at https://cdn.cals-api.com/