Comments (6)
@macandcheese Yo...sorry for the communication gap.
And yeah, I meant more client-side filtering than search.
For the purposes of browsing a list and selecting one/many items to populate an input for a configuration panel, the text filtering should be enough.
from calcite-design-system.
you are all aware of the pluralization issue with this, right? best way to implement this is:
"Fields selected: 3"
from calcite-design-system.
This is similar to filter dropdown (https://github.com/ArcGIS/calcite-components/projects/2#card-22328663, http://esri.github.io/calcite-web/documentation/patterns/#filter-dropdown), which is in Wishlist for now because I think there are a ton of variants across apps of "something like this" that should share underlying components... input fields, chips (https://material.io/design/components/chips.html), dropdowns, etc.,
I think it's all part of a story that needs more design consideration to make sure all possible variants look the same - simple multi-select like this, typeahead from an input multi-select, etc.
from calcite-design-system.
Can this include search? 👁 👁
from calcite-design-system.
I'd imagine we would want to replicate "filtering" a pre-determined list like we do here: http://esri.github.io/calcite-web/documentation/patterns/#filter-dropdown
For search, hopefully it could be extended by the consumer to look the same to an end user, but we probably don't want to handle any backend searches. Maybe "app-components" could contain more advanced functionality while sharing styles and appearance.
I will make an issue for filter chips that could support icon, "close", etc., since that seems like a re-usable component for a few larger patterns.
from calcite-design-system.
Closing to track in #61.
from calcite-design-system.
Related Issues (20)
- Action: No way to set href for links HOT 8
- Allow Navigation Logo component to be configured as non-actionable HOT 2
- Stepper Item: Status not provided to assistive technologies
- Input + Text Area: Add native `spellcheck` prop HOT 1
- Dropdown button trigger is not truncating HOT 2
- [calcite-input-number]: calcite-input-number allowing character "e" HOT 1
- Use calcite-ui-icons >= 3.27.8 HOT 2
- Update/remove tests using `HYDRATED_ATTR` in favor of `renders`
- [Input Date Picker] Multiple components with and without `range` can create buggy behavior HOT 3
- [List]: add mode prop for choosing between flat and nested lists
- [List]: update single-select icons HOT 1
- [List Item]: add icon-end/start props HOT 1
- Memory leak with adding/removing block components HOT 3
- [Carousel] Add `goTo()` and other convenience methods
- label: replace "default" value with a more meaningful value. HOT 3
- Tooling: Add a priority option to the test template HOT 2
- Standalone calendar
- Ensure all components inherit font-family HOT 2
- Create a selectable common test HOT 1
- [Carousel] Add support for swipe / flick touch interaction
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from calcite-design-system.