Open oliviaflory opened 1 month ago
Add & select
is currently under Patterns, but we need to see if this still holds true with the new Component and Pattern changes. Note that Add
here does not mean creating a net new database item, it means to add an existing one (different from Create).
Question: Does Add & select have coded assets (making them a component)?
Add & Select
have code living in Storybook.MultiAddSelect
for complex or hierarchical add/select and SingleAddSelect
for single or simpler add/select.Question: Are there multiple ways to utilize Add & select (making them a pattern)?
Add & select
can vary: Select
is usually started with a button, Add
is usually started when a user clicks an Add button.tearsheet
, but can be wide or narrow. Wide is useful for when the user needs to find multiple items in a hierarchy, or sometimes in single-select flows if selecting an item requires further steps/context. Narrow is useful in a select flow if the user is selecting one item and the list is simpler. tearsheet
as the only component for the majority of the flow.Add & select
(leans towards component).tearsheet
. tearsheet
: hierarchies vs. lists, selecting multiple items or single, modifiers to add dropdowns to listed items (such as permissions), information that is presented inside the tearsheet when an item is selected, etc. This suggests keeping Add & select
in Pattern.MultiAddSelect
(5 repos, with 162 inserts) and SingleAddSelect
(2 repos, with 5 inserts). Keep in mind the data is unrefined, but there is not much sample data for these. So a consideration is how much we want to evolve or maintain when the usage at least seems low.
Documentation page Storybook
We need to have a better understanding of the current Add and select pattern in order to determine if it is a component, pattern or guidance based on the new definitions.
Note: David seems to know a lot about
AddSelect
, reach out to him for questions! Look up the designer on the Airtable – Oliver KauselmannDefinitions
Component
An asset that has been designed and coded
Pattern
Something that can be accomplished in multiple ways utilizing a combination of component(s) with additional design considerations (a recipe of components)
Guidance
Overarching direction or instruction that can be applied across an entity
Tasks