{"_id":"@dojo-ng/floating-action-button","_rev":"2-c1b7cc5f8fbc6d4066e84116ec622f77","name":"@dojo-ng/floating-action-button","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.0":{"name":"@dojo-ng/floating-action-button","version":"0.1.0","license":"BSD-3-Clause","_id":"@dojo-ng/floating-action-button@0.1.0","maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"dist":{"shasum":"9564cc96684ec79090e4936473d001d2fad29dec","tarball":"https://registry.npmjs.org/@dojo-ng/floating-action-button/-/floating-action-button-0.1.0.tgz","fileCount":6,"integrity":"sha512-eQKsdZe+xI6jY7oP6wv76KufJMqmcJOdkeQAIZzL4TMBqfry2cu7QcX71IdKSeZPXJkn9Vk/J0szH4x7VSh3xQ==","signatures":[{"sig":"MEYCIQDJ+DcMaRA36zX4KoMSevbCG1331ROCw8a/z5IO3k2N8AIhAOtgRMkvqpw7NqcORmXucBDQ8PxaK73rzIBMKZ8fQBwR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":6278},"main":"./dist/index.js","type":"module","types":"./dist/index.d.ts","module":"./dist/index.js","scripts":{"build":"tsc -p tsconfig.json","clean":"rm -rf dist"},"_npmUser":{"name":"bitranch","email":"bill@bitranch.com"},"_npmVersion":"10.9.8","description":"Dojo NG FAB web component","directories":{},"_nodeVersion":"22.23.1","dependencies":{"lit":"^3.3.0","@dojo-ng/button":"^0.1.0"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/floating-action-button_0.1.0_1788374429373_0.5312095022034424","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dojo-ng/floating-action-button","version":"0.1.1","license":"BSD-3-Clause","description":"Dojo NG FAB web component","type":"module","main":"./dist/index.js","module":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsc -p tsconfig.json","clean":"rm -rf dist"},"dependencies":{"@dojo-ng/button":"^0.1.0","lit":"^3.3.0"},"_id":"@dojo-ng/floating-action-button@0.1.1","_nodeVersion":"22.23.1","_npmVersion":"10.9.8","dist":{"integrity":"sha512-6qvGindjw+IAiVPcmS9QQddn8m5KA2qpAdcdhrXQtm6DOXTLGlTbUlWKR0edc9X6HJCLV0RglbWnu7aJz3YyZg==","shasum":"20b5a0869d084a3d063a2acce844e7e0df16c66b","tarball":"https://registry.npmjs.org/@dojo-ng/floating-action-button/-/floating-action-button-0.1.1.tgz","fileCount":6,"unpackedSize":6244,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAviH5n6No/BlZ+o77My3lGiFESWpf2DZtBM+N+w6DejAiEA5ddbdFCO2XCsu6UyyBL+H49ivkcQhHqXaULo5u9V9mo="}]},"_npmUser":{"name":"bitranch","email":"bill@bitranch.com"},"directories":{},"maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/floating-action-button_0.1.1_1788902997545_0.42175292874904824"},"_hasShrinkwrap":false}},"time":{"created":"2026-09-02T18:40:29.190Z","modified":"2026-09-08T21:29:57.907Z","0.1.0":"2026-09-02T18:40:29.516Z","0.1.1":"2026-09-08T21:29:57.698Z"},"license":"BSD-3-Clause","description":"Dojo NG FAB web component","maintainers":[{"name":"saysomething","email":"joshs@holmescorp.com"},{"name":"bitranch","email":"bill@bitranch.com"},{"name":"jepe","email":"jeffreyp@holmescorp.com"}],"readme":"# @dojo-ng/floating-action-button\n\n`<dj-floating-action-button>` — A circular (or extended/pill) action button, optionally fixed to a screen position.\n\nPart of [Dojo NG](../../README.md), a framework-agnostic web component library built on Lit. BSD-3-Clause.\n\nExtends `DjButton` and inherits its properties and behavior.\n\nA circular (or extended/pill) action button, optionally fixed to a screen position. Subclasses `<dj-button>`; default-slot label, `icon` slot.\n\n## Install\n\n```bash\nnpm install @dojo-ng/floating-action-button\n```\n\n## Usage\n\nImport the package to register the custom element, then use the tag.\n\nPin it to a screen corner with `position`.\n\n```html\n<dj-floating-action-button position=\"bottom-right\" aria-label=\"Add\">\n  <svg slot=\"icon\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\"><path d=\"M5 12h14M12 5v14\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"/></svg>\n</dj-floating-action-button>\n```\n\n## Properties\n\n`↻` marks an attribute reflected to the DOM; a dash means the property is set in JavaScript only.\n\n| Property | Attribute | Type | Default |\n|---|---|---|---|\n| `size` | size ↻ | `FabSize` | `\"normal\"` |\n| `position` | position ↻ | `FabPosition` | — |\n\n**CSS properties:** `--dj-fab-z-index` (default `800`; Stacking order of the floating action button.)\n\n## Theming\n\nStyled with Dojo NG `--dj-*` design tokens and exposes `::part()` hooks for targeted overrides.\n\n## Accessibility and i18n\n\nFollows the project's WCAG 2.2 AA and localization conventions.\n\n## More\n\nLive, interactive examples are at [play.dojo-ng.com](https://play.dojo-ng.com). For the full API reference, theming, accessibility, and localization guides, see the [Dojo NG documentation](../../README.md).\n","readmeFilename":"README.md"}