Name: cesko-rodne-cislo-input
Author: LilyDesignSystem

Imported from LilyDesignSystem/lily-design-system (components/cesko-rodne-cislo-input/AGENTS.md). Install upstream with npx skills add LilyDesignSystem/lily-design-system --skill cesko-rodne-cislo-input. Copyright stays with the author.

CeskoRodneCisloInput

Metadata

Component: cesko-rodne-cislo-input
PascalCase: CeskoRodneCisloInput
Description: an input for entering Czech Republic's Rodné číslo (RČ)
Status: beta — implemented and unit-tested in all seven frameworks with an axe-clean demo page; not yet exercised in composed flows
HTML tag:
CSS class: .cesko-rodne-cislo-input
Interactive: yes

Key Behaviors

Renders as <input type="text"> with class cesko-rodne-cislo-input
Format: nine or ten digits in the format YYXXDD/SSSC where XX=MM for males and MM+50 for females; the ten-digit form ends in a check digit and is usually divisible by 11
autocomplete="off" to protect sensitive identifiers
Supports two-way binding

ARIA

aria-label provides accessible name from label prop
required and disabled states conveyed to assistive technology
aria-label provided from the label prop

Keyboard

Standard text input keyboard behavior

Props

label: string (required) — accessible label via aria-label
value: string (default: "") — bindable input value
required: boolean (default: false) — form validation
disabled: boolean (default: false) — disabled state
...restProps: any additional HTML attributes spread onto the root

Acceptance Criteria

Renders element with class="cesko-rodne-cislo-input"
Has aria-label attribute
Pattern attribute matches documented format
WCAG 2.2 AAA compliant
Zero CSS — fully headless

References

Documentation: index.md
CSS class: .cesko-rodne-cislo-input in css-style-sheet-template.css
Companion: CeskoRodneCisloView
Wikipedia: https://en.wikipedia.org/wiki/National_identification_number#Czech_Republic

{ "ocm": "1", "id": "lilydesignsystem-lily-design-system-cesko-rodne-cislo-input", "kind": "skill", "name": "cesko-rodne-cislo-input", "description": "CeskoRodneCisloInput", "publisher": "LilyDesignSystem", "version": "1.0.0", "capabilities": { "domains": [ "general" ], "tags": [ "skill-md", "github-agents" ], "languages": [ "en" ] }, "quality_prior": 0.6, "examples": [ "CeskoRodneCisloInput" ], "primary": false, "metadata": { "source": { "provider": "github-agents", "repository": "https://github.com/LilyDesignSystem/lily-design-system", "path": "components/cesko-rodne-cislo-input/AGENTS.md", "ref": "9cfcd928481c32498737458cec976d92f01b8f3c", "url": "https://github.com/LilyDesignSystem/lily-design-system/blob/9cfcd928481c32498737458cec976d92f01b8f3c/components/cesko-rodne-cislo-input/AGENTS.md", "key": "LilyDesignSystem/lily-design-system/components/cesko-rodne-cislo-input/AGENTS.md" } }, "instructions": "# CeskoRodneCisloInput\n\n## Metadata\n\n- Component: cesko-rodne-cislo-input\n- PascalCase: CeskoRodneCisloInput\n- Description: an input for entering Czech Republic's Rodné číslo (RČ)\n- Status: beta — implemented and unit-tested in all seven frameworks with an axe-clean demo page; not yet exercised in composed flows\n- HTML tag: <input>\n- CSS class: .cesko-rodne-cislo-input\n- Interactive: yes\n\n## Key Behaviors\n\n- Renders as `<input type=\"text\">` with class `cesko-rodne-cislo-input`\n- Format: nine or ten digits in the format YYXXDD/SSSC where XX=MM for males and MM+50 for females; the ten-digit form", "cost": { "context_tokens": 437 } }

cesko-rodne-cislo-input

About