schlechtenburg/packages/core/lib/components/Select.tsx

32 lines
571 B
TypeScript
Raw Normal View History

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>
);
},
});