fix(Button): extend now works with compound variants

This commit is contained in:
Benjamin Canac
2024-03-18 11:31:29 +01:00
parent a12ccbc052
commit 53755da835

View File

@@ -55,9 +55,7 @@ const linkProps = useForwardProps(reactiveOmit(props, 'type', 'label', 'color',
const isLeading = computed(() => (props.icon && props.leading) || (props.icon && !props.trailing) || (props.loading && !props.trailing && !props.trailingIcon) || !!props.leadingIcon) const isLeading = computed(() => (props.icon && props.leading) || (props.icon && !props.trailing) || (props.loading && !props.trailing && !props.trailingIcon) || !!props.leadingIcon)
const isTrailing = computed(() => (props.icon && props.trailing) || (props.loading && props.trailing) || !!props.trailingIcon) const isTrailing = computed(() => (props.icon && props.trailing) || (props.loading && props.trailing) || !!props.trailingIcon)
// FIXME: Cannot extend multiple times: https://github.com/nextui-org/tailwind-variants/issues/168 const ui = computed(() => tv({ extend: button, slots: props.ui })({
// const ui = computed(() => tv({ extend: button, slots: props.ui })({
const ui = computed(() => button({
color: props.color, color: props.color,
variant: props.variant, variant: props.variant,
size: props.size, size: props.size,