2020-12-27 21:32:43 +00:00
|
|
|
import { defineComponent } from 'vue';
|
2020-05-28 20:55:03 +00:00
|
|
|
import './Select.scss';
|
|
|
|
|
2022-03-13 22:12:18 +00:00
|
|
|
/**
|
|
|
|
* A select input in the schlechtenburg theme
|
|
|
|
* @sbui
|
|
|
|
*/
|
2020-12-30 13:34:23 +00:00
|
|
|
export const SbSelect = defineComponent({
|
2020-05-28 20:55:03 +00:00
|
|
|
name: 'sb-select',
|
|
|
|
|
|
|
|
inheritAttrs: false,
|
|
|
|
|
2021-03-08 15:29:35 +00:00
|
|
|
setup(_, context) {
|
2020-05-28 20:55:03 +00:00
|
|
|
return () => (
|
|
|
|
<div class="sb-select">
|
|
|
|
<select
|
|
|
|
class="sb-select__input"
|
2020-12-30 01:32:46 +00:00
|
|
|
{...context.attrs}
|
2020-05-28 20:55:03 +00:00
|
|
|
>
|
2022-03-13 22:12:18 +00:00
|
|
|
{
|
|
|
|
/**
|
|
|
|
* The select options list
|
|
|
|
* @slot default
|
|
|
|
*/
|
|
|
|
context.slots.default?.()
|
|
|
|
}
|
2020-05-28 20:55:03 +00:00
|
|
|
</select>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
},
|
|
|
|
});
|