@coreui/vue/src/components/table/CTableHead.ts

UI Components Library for Vue.js

import { defineComponent, h } from 'vue'

import { Color } from '../../props'

const CTableHead = defineComponent({
  name: 'CTableHead',
  props: {
    /**
     * Sets the color context of the component to one of CoreUI’s themed colors.
     *
     * @values  'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', string
     */
    color: Color,
  },
  setup(props, { slots }) {
    return () =>
      h(
        'thead',
        {
          class: [
            {
              [`table-${props.color}`]: props.color,
            },
          ],
        },
        slots.default && slots.default(),
      )
  },
})

export { CTableHead }