<ed-counter></ed-counter>

Properties

Name Type Default Description
fieldId String string / export class EdCounter extends EdElement { static get styles() { return unsafeCSS(styles.toString()); } /** The unique id of the field
label String string = 'Label' The form field's label
name String string Checkbox name attribute property
value Number number Value
fieldNote String string Fieldnote text
subtractButtonText String string = 'Subtract 1' Subtract button text
subtractButtonIconName String string = 'minus' Subtract button icon name
addButtonText String string = 'Add 1' Add button text
addButtonIconName String string = 'add' Add button icon name
min Number number Add button icon name
max Number number Add button icon name
ariaDescribedBy String string Aria describedby 1) Used to connect the field note in select field to the select menu for accessibility
required Boolean boolean = false Required attribute
disabled Boolean boolean Disabled attribute
readOnly Boolean boolean Readonly attribute
type String 'text' | 'email' | 'number' | 'url' | 'tel' = 'text' Input type for the counter display field <ed-text-passage size="sm"> <ul> <li>**text** Displays numeric value as text (default for counter use)</li> </ul> </ed-text-passage>
inverted Boolean boolean Inverted variant 1) Used for dark backgrounds
placeholder String string Placeholder text
isError Boolean boolean Error state
isSuccess Boolean boolean Success state
iconName String string Field note icon name
count Number number = 0 Count state

Slots

Name Description
- The component content

Interactive Documentation

Full interactive examples, variant previews, accessibility audits, and the complete API reference are available in Storybook — generated directly from the component source code.

Source

packages/eddie-web-components/components/counter/counter.ts