hikaya-io / hakawati

A collection of UI components
GNU General Public License v3.0
2 stars 1 forks source link

Create story for `custom-select` with multiple items selected #273

Closed andrewtpham closed 2 years ago

andrewtpham commented 2 years ago

Current behavior With the use of custom-select in the layer stepper, the data type is now shown. For single select the data type works fine but for multiple select such as the tooltip description there is an additional styling check mark displayed where the right-area-span is shown. We need to create a story and style the checkmark in a position that works with the right area span.

To Reproduce See example from Layer Stepper in Dots on the Tooltip description page:

image

Expected behavior

andrewtpham commented 2 years ago

@Kimaiyo077 could you help me have a look at how best to implement this based on whether an h-select is using the multiple option? For single select on the h-select we should keep the same styling as in right-data-span currently.

Here is the right amount of margin-right: 1.75rem;

image