manifest / developer / bootstrap-lit-kit

WP Bootstrap Lit Kit

by Melissa Spiegel · github.com/melissaspiegel/bootstrap-lit-kit

★ 0stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/melissaspiegel/bootstrap-lit-kit/archive/refs/heads/main.zip

No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.

Readme github.com/melissaspiegel/bootstrap-lit-kit ↗

Bootstrap-powered accessible Lit Web Components for WordPress developers.

Install

Upload wp-bootstrap-lit-kit.zip in WordPress under Plugins → Add New → Upload Plugin.
Activate the plugin.
Use the custom elements in posts, pages, templates, shortcodes, or Gutenberg blocks.

Components

<bl-alert variant="warning">
  Missing final survey before permit approval.
</bl-alert>

<bl-card title="Permit Checklist">
  <p>Survey, site plan, septic, and setbacks.</p>
</bl-card>

<bl-accordion heading="What is a boundary survey?">
  A licensed surveyor verifies property lines, improvements, and setbacks.
</bl-accordion>

<bl-tabs>
  <button slot="tab">Survey</button>
  <section slot="panel">Survey content</section>

  <button slot="tab">Permit</button>
  <section slot="panel">Permit content</section>
</bl-tabs>

Shortcodes

[bl_alert variant="success"]Permit check passed.[/bl_alert]

[bl_card title="Documents"]Upload survey and septic plan.[/bl_card]

Developer setup

npm install
npm run build

Why no Shadow DOM?

The Lit components render into light DOM so Bootstrap's global CSS can style them normally inside WordPress themes.