I want to show more complex details for an <s-select> than just a string (it’s still just a line, but with some other components in it). In the deprecated React version of Polaris this was possible. Now I have to do this:
(
<s-stack gap="small-400">
<s-select label={t('date-format.label')} value={dateFormat} onChange={handleDateFormatChange}>
<s-option value="iso">{t('date-format.iso')}</s-option>
<s-option value="locale">{t('date-format.locale')}</s-option>
</s-select>
<s-paragraph color="subdued">
{t('common.example') + ': '}
<DateTime dateTime={date} dateFormat={dateFormat} style="long" />
</s-paragraph>
</s-stack>
)