Questions tagged [component]
A UI component is a single unit of representation of a user interface, usually as the result of being defined as part of a greater component library or design system. It can be either abstract or defined with the specifications (e.g. visual styling, interactions, guidelines for use) to allow it to be implemented consistently (or modified).
69 questions
1
vote
2
answers
93
views
Datetime picker design for picking hours only
I am creating a date-time picker in which you'll be able to select a date, or a range of dates, or a date + time, or a range of date + time, or time, or range of time. The date picking is already done,...
9
votes
4
answers
2k
views
Dropdown width with very long options
I’m designing a dropdown menu with options that users can name themselves — which means some labels could be quite long. Since this dropdown appears over a screen where it’s important not to obscure ...
0
votes
0
answers
60
views
In search of UI library for advanced query builders
We're building an advanced search/query builder feature for a data heavy product and are in search of a UI component library for the query (so the components and flow don't need to be built from ...
0
votes
2
answers
78
views
Is there a pattern for using one click to select a single option after multiple options are selected (e.g. in a dropdown)?
I have a multi-select dropdown like this:
[-] All
–––––––––––––––––––––
[x] Department 1
[ ] Department 2
[ ] Department 3
…
[ ] Department n
In design review, an engineer asked if there's a UX ...
0
votes
2
answers
121
views
Are there any current implementations of marking menus in modern desktop applications?
I read about marking menus in a Hacker Newsletter entry, and although it is promoting an application that provides this feature called Kando, I found it interesting that marking menus were first ...
0
votes
2
answers
142
views
How best to handle deviation in this ui?
I was initially trying to create a component, that would by default show changes in deviation over time. On hover, the badge would slide over to show the exact total in change.
ie if you started with ...
1
vote
0
answers
95
views
Dropdown UI Element Names
I'm building a new dropdown, and I want to make the parts modular for ease of customization but having a hard time with names.
A popover wraps everything. Inside that popover is a that is the trigger....
1
vote
1
answer
178
views
What is the best UI to override excluded values?
I am working on a SaaS application where the user has set a list of values to be excluded from all records (let's call them global exclusions). This is a list of 7-10 string values.
When creating a ...
1
vote
1
answer
221
views
I'm creating a detailed component spec for an input field in iOS and I don't know exactly how to specify certain accessibility details
I'm building a detailed accessibility spec for an iOS input field component for a design system. I want to outline in the spec how voiceover should work.
The design system needs an input field that ...
0
votes
3
answers
187
views
If I have a stepper where the 1st step is done, can I give the user the chance to edit this steps in the next ones?
I'm working on a stepper with 3 steps, where the first one is adding your address. Once the user move forward to the next step, can I give them the chance to edit that address but without make them go ...
1
vote
3
answers
994
views
When to use segmented tab and tabs?
Question here is when do we segmented tabs in the design vs when do you use horizontal tabs in design?
Segmented tabs
Horizontal navigation
2
votes
2
answers
225
views
Should the components be drawn in the Design System?
I wanted to investigate what an design system is, but there is a part I cannot understand.
In design systems, buttons, forms, that is, every component we see on the website or mobile application is ...
2
votes
1
answer
115
views
Alert message component variants
I work in an e-commerce platform and we recently had a lively discussion about the variations of our alert message.
Would you agree that it is useful to have different versions of an alert or would ...
2
votes
1
answer
419
views
Persistent Rich Tooltips
Material Design has rich tooltips which can also be persistent. As it's explained here, these tooltips:
remain active even when leaving the target region
can contain links
only disappear once you ...
1
vote
1
answer
92
views
Radio Selection before search
Context
Allowing users to search for any particular job based on multiple parameters.
Feedback needed
I've designed this application search component, which will have a default selection and the user ...