a

uzabase · Feb 23, 2025 · 8a219fc · 8a219fc
1 parent 5baad95
commit 8a219fc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/components/text-field/label/index.ts b/src/components/text-field/label/index.ts
@@ -5,7 +5,7 @@ import styles from "./styles.css?inline";
 export class SpTextFieldLabel extends HTMLElement {
   static styles = makeStyleSheet(styles);
 
-  static observedAttributes = ["for", "text"];
+  static observedAttributes = ["htmlFor", "text"];
 
   get htmlFor(): string {
     return this.#for;
@@ -57,7 +57,7 @@ export class SpTextFieldLabel extends HTMLElement {
   }
 
   attributeChangedCallback(name: string, _: string, newValue: string | null) {
-    if (name === "for") {
+    if (name === "htmlFor") {
       this.htmlFor = newValue ? newValue : "";
     } else if (name === "text") {
       this.textContent = newValue;

diff --git a/stories/text-field/x-large.story.ts b/stories/text-field/x-large.story.ts
@@ -9,7 +9,7 @@ const meta: Meta<SpTextFieldXLarge> = {
   component: "sp-text-field-x-large",
   args: {
     label: "ラベル",
-    error: "エラーテキストが入ります。",
+    error: "",
     placeholder: "プレースホルダー",
     disabled: false,
     name: "surname",
@@ -19,11 +19,13 @@ const meta: Meta<SpTextFieldXLarge> = {
 export default meta;
 
 export const Default: StoryObj<SpTextFieldXLarge> = {
-  render: ({ label, error, placeholder, disabled }) => {
+  render: ({ label, error, placeholder, disabled, name, value }) => {
     return html`<sp-text-field-x-large
       placeholder=${placeholder}
       label=${label}
       ?disabled=${disabled}
+      name=${name}
+      value=${value}
       error=${error}
     >
     </sp-text-field-x-large>`;