In JUSTIFY CONTENT of the widget showcase you mention
‘NOTICE: The h_justify-start, h_justify-end, and h_justify-center helper classes can only be applied to the components with flex property.’
Now, which components do have the “flex property”?
Flex property means a component has property display: flex or display: inline-flex.
You can inspect element the component and see whether it is displaying flex or not.
If you want to use justify content helper classes with a non-displaying flex component, the solution is to use it together with [the display flex helper classes]<INTERNAL_LINK>.
Widget components which are displaying flex as the following below:
- Button Group
- Comment
- Single comment
- Comment container
- Content-box
- Counter
- Dropdown
- Faceted search
- Filter
- Filter bar
- Filter selector
- Input
- Year/Month selector
- Message box
- Modal overlay
- Notification
- Global message box
- Modal notification
- Toast
- Table
- Tag
- Tag
- Wizard