Checkbox

The ownable Checkbox install gives your app a local wrapper, editable styles, and a nearby source surface for selection workflows while keeping the TailNG interaction contract intact.

Why own Checkbox locally

Checkbox often becomes product-specific once teams add stacked consent copy, policy links, grouped approvals, or custom mixed-state visuals. Local ownership makes those product-level adjustments easy to ship without waiting on a package release.

Adjust label structure, help text, and supporting content for your product flow.
Keep tri-state and approval-specific styling decisions in the app repo.
Iterate on checkbox layout and copy without forking the shared package surface.

What the install includes

The registry-backed checkbox install writes the local wrapper component, template, styles, and export barrel under your app so the generated files can evolve with the surrounding form UX.

Ownable Install

Install Checkbox from the TailNG registry with the shadcn-like flow. This copies source files into your app so your team can own and evolve the implementation locally.

Install from registry

Run from your Angular workspace root.

pnpm dlx tailng add checkbox

npx tailng add checkbox

Generated files

The command scaffolds local files under src/app/tailng-ui/checkbox.

src/app/tailng-ui/checkbox/tng-checkbox-primitive.ts
src/app/tailng-ui/checkbox/tng-checkbox.ts
src/app/tailng-ui/checkbox/tng-checkbox.html
src/app/tailng-ui/checkbox/tng-checkbox.css
src/app/tailng-ui/checkbox/index.ts

Import in your feature module/component

import { TngCheckbox, TngCheckboxPrimitive } from './tailng-ui/checkbox';

Usage

<tng-checkbox
  [checked]="releaseReady"
  (checkedChange)="releaseReady = $event"
>
  Release checklist complete
</tng-checkbox>