manifest / developer / bootstrap-lit-kit

WP Bootstrap Lit Kit

Bootstrap-powered accessible Lit Web Components for WordPress.

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

★ 0stars

0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

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

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.