You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<calcite-input> has grown in complexity and has introduced some mixed messaging in terms of the types it supports as it started mimicking the native <input>. This effort aims to
split the component into simpler, focused type-specific components.
Additionally, we've identified <calcite-inline-editable> as an input-like that slightly modifies input's UX and depends on users slotting an input, which is not a common pattern between existing components.
Assimilating it into all inputs would make it simpler for developers to set up and will make input patterns more consistent.
Tasks
For 1.0.0, <calcite-input> will be split up into the following:
update inputs with inline-editable behavior common for all inputs (separate enhancement issue)
decide the purpose of calcite-input after splitting (could be repurposed as a fallback native input if we only apply styles to a native input and drop shadow DOM) – we'll keep calcite-input as a way for users to use types we don't support yet and to help us gauge feedback on missing types
introduce an input documentation page, showcasing supported types, and common patterns (doc issue?)
Notes
inputs should share code through utils, functional components, additional patterns
inline-editable behavior needs to be vetted by design per input type
Overview
<calcite-input>
has grown in complexity and has introduced some mixed messaging in terms of the types it supports as it started mimicking the native<input>
. This effort aims tosplit the component into simpler, focused type-specific components.
Additionally, we've identified
<calcite-inline-editable>
as an input-like that slightly modifies input's UX and depends on users slotting an input, which is not a common pattern between existing components.Assimilating it into all inputs would make it simpler for developers to set up and will make input patterns more consistent.
Tasks
For 1.0.0,
<calcite-input>
will be split up into the following:calcite-input-text
– feat(input-text): create separate component for input type text #4946calcite-input-number
– feat(input-number): create separate component for input type number #4870calcite-input-date
– calcite-input-date-picker will be renamedcalcite-input-time
– Enhancement: Add input masking toinput-time-picker
#2709 calcite-input-time-picker will be renamedcalcite-input-color
- New Component:calcite-input-color-picker
#1616, New Component: input-color #1934calcite-text-area
- New Component: calcite-text-area #863Separate from ☝️,
calcite-input
after splitting (could be repurposed as a fallback native input if we only apply styles to a native input and drop shadow DOM) – we'll keepcalcite-input
as a way for users to use types we don't support yet and to help us gauge feedback on missing typesNotes
cc @benelan @geospatialem
The text was updated successfully, but these errors were encountered: