Select

[bameyrick]

Use this place to discuss the select component in the ONS Design System

[trevorsaint]

We need a select that does not have a set width. The width should be fluid based on its contents.

Similar to languages: https://census-website-respond.netlify.app/end-to-end/languages

[jrbarnes9]

Issue #1650 raised

[jrbarnes9]

Add a warning panel to 'select' component documentation for the "use with caution" messaging

[jrbarnes9]

Issue #1521 raised

[jrbarnes9]

Can’t adjust bottom margin class on error panels

[jrbarnes9]

Issue #1568 raised

[jrbarnes9]

Issue #1649 raised

[JoelClemence]

Hello we want to have the select inline with other components like:

However, I only seem to be able to make the label inline with the select:

[JoelClemence]

For clarity, we cannot use the pagination component as we don't know the number of pages up front.

[JoelClemence]

We have it working with the style display: flex-inline

[jrbarnes9]

Hi Joel. Yes, the grid flex utility is currently the only way of doing this. I've raised a ticket to adapt the pagination component to allow for your use case. #2178

[jrbarnes9]

Select.js doesn't handle multiple instances of the component on the same page

[AmishGudur]

I just attended the lightning talk about ONS design system and was told to get in touch if any extra components are needed, I am currently working on creating a SelectAll button which selects all items in a dropdown and there is no example of this particular button on the Design system page thus will there be an example of this button be added onto the design system page in the future?

[MagdalenaLarge]

Hi @AmishGudur
Thank you for getting in touch with us. We don't have this functionality in Select component, but we have something similar in the Checkbox: https://service-manual.ons.gov.uk/design-system/components/checkboxes/example-checkboxes-with-select-all-button.
Hopefully this will help with your design, but if not, please let me know and we can discuss your requirement in more details. Thank you.