search

mi6 / ic-ui-kit

Intelligence Community UI Kit (based on StencilJS)
MIT License
23 stars 25 forks source link

[IcCheckbox] Allow the label to be hidden so custom content can be put beside checkboxes #1929

Open ab2583 opened 3 months ago

ab2583 commented 3 months ago

Summary

We should be able to hide the label on checkboxes, so that users of the UI kit aren't forced to only have text next to their checkboxes.

💬 Description

There should be a hideLabel prop which when true will stop the label from rendering

💰 Use value

This will be useful to developers as it will allow them to out any content they want beside a checkbox.

📝 Acceptance Criteria

If relevant, describe in full detail the different interactions and edge cases that the component or patterns needs to fulfil.

Given I specifynthe hideLabel prop When I render a checkbox Then The text label should not appear

✏ Designs

If there's a Figma design file (or other mock-up), include it here.

 🧾 Guidance

This is possible with other ICDS components, so will bring checxkboxes more in line with those

ab2583 commented 3 months ago

ab2583

MI6-255 commented 1 month ago

So the hide label is on the UI kit already, but there is maybe some work to include a slot to include something like icons in place

MI6-255 commented 1 month ago

Design need to make this work in Figma