mirror of
https://github.com/bitwarden/browser
synced 2025-12-16 08:13:42 +00:00
cd5aef1757
* chore: setup initial bit-button-group using bitButton as template * feat: working radio group with preliminary styling * chore: cleanup * feat: implement proper basic styling * feat: implement focus handling and keyboard navigation * feat: implement size support * feat: add labeling support * feat: add input for button selection * feat: implement output handler on radio button interaction * feat: implement internal input/output seletion handling * feat: add external input support * feat: add external output support * chore: simplify storybook example a bit * fix: module imports * refactor: simplify both components * feat: remove size * chore: rename button-group to toggle-group * chore: rename toggle-group-element to toggle-group-button * chore: update story example * fix: compatibility with web vault * fix: imports in tests after rename * fix: remove unnecessary inject decorator * fix: clarify field names and html tags * feat: add badge centering fix * feat: set pointer cursor on label * chore: comment on special css rules * chore: remove focusable option from button * Update libs/components/src/toggle-group/toggle-group-button.component.ts Co-authored-by: Oscar Hinton <Hinton@users.noreply.github.com> * chore: rename to `bit-toggle` * fix: remove unecessary aria label function Co-authored-by: Oscar Hinton <Hinton@users.noreply.github.com>
12 lines
248 B
HTML
12 lines
248 B
HTML
<input
|
|
type="radio"
|
|
id="bit-toggle-{{ id }}"
|
|
[name]="name"
|
|
[ngClass]="inputClasses"
|
|
[checked]="selected"
|
|
(change)="onInputInteraction()"
|
|
/>
|
|
<label for="bit-toggle-{{ id }}" [ngClass]="labelClasses">
|
|
<ng-content></ng-content>
|
|
</label>
|