{% import '_includes/forms' as forms %} {% import 'verbb-base/_macros' as macros %} {% set type = iconSet.type ?? '' %} {% set apiKey = iconSet.apiKey ?? '' %} {{ forms.selectField({ first: true, label: 'Type' | t('icon-picker'), instructions: 'Select how you want to use Font Awesome.' | t('icon-picker'), name: 'type', value: type, options: [ { label: 'Select an option' | t('icon-picker'), value: '' }, { label: 'Use A Kit' | t('icon-picker'), value: 'kit' }, { label: 'Use CDN' | t('icon-picker'), value: 'cdn' }, ], warning: macros.configWarning('type', 'icon-picker'), errors: iconSet.getErrors('type'), toggle: true, targetPrefix: 'type-', }) }}
{{ iconSet.getApiError() }}
{% endif %} {{ forms.checkboxSelectField({ label: 'Styles' | t('icon-picker'), instructions: 'Select the styles this kit should include.' | t('icon-picker'), name: 'styles', options: [ { label: 'Classic - Solid' | t('icon-picker'), value: 'classic:solid' }, { label: 'Classic - Regular' | t('icon-picker'), value: 'classic:regular' }, { label: 'Classic - Light' | t('icon-picker'), value: 'classic:light' }, { label: 'Classic - Thin' | t('icon-picker'), value: 'classic:thin' }, { label: 'Classic - Duotone' | t('icon-picker'), value: 'duotone:solid' }, { label: 'Sharp - Solid' | t('icon-picker'), value: 'sharp:solid' }, { label: 'Sharp - Regular' | t('icon-picker'), value: 'sharp:regular' }, { label: 'Sharp - Light' | t('icon-picker'), value: 'sharp:light' }, { label: 'Sharp - Thin' | t('icon-picker'), value: 'sharp:thin' }, { label: 'Brands' | t('icon-picker'), value: 'brands' }, ], showAllOption: true, values: iconSet.styles ?? '', warning: macros.configWarning('styles', 'icon-picker'), errors: iconSet.getErrors('styles'), }) }} {% endif %}