[CL-113] add readonly styles to bitInput (#6220)

* add readonly styles and story * only add style to input & textarea
2025-12-14 23:33:31 +00:00 · 2023-09-21 10:23:20 -04:00
parent 5b69d52f02
commit 02af0fed4c
2 changed files with 19 additions and 0 deletions
--- a/libs/components/src/input/input.directive.ts
+++ b/libs/components/src/input/input.directive.ts
@@ -44,6 +44,7 @@ export class BitInputDirective implements BitFormFieldControl {
      "focus:tw-ring-primary-700",
      "focus:tw-z-10",
      "disabled:tw-bg-secondary-100",
+      "[&:is(input,textarea):read-only]:tw-bg-secondary-100",
    ].filter((s) => s != "");
  }