Is this way of creating reusable components a bad practice in svelte?

[cleytoncarvalho]

Hi! I'm creating components like these bellow inspired by shadcn ui components library. But I was wondering if this is a bad practice in Svelte to create components like this and if there is problems related with performance that I should be worried about.

[kwangure]

This feels like the wrong abstraction for components. Might have been better if you just used a seperate anchor and button. YMMV. See Goodbye Clean Code. Svelte's lint/a11y checks also help you better that way.

Also, see skeleton.dev for pointers for theming at tailwind level instead of components and melte-ui has nice patterns about pragmatic unstyled components.

Also here are someone's thoughts about @apply in Tailwind.

Maybe use grid-cols-[....stuff...] instead of reaching into your children using :global()? YMMV. If your children are components i.e <Component slot="left-icon"/> they DOM elemenets may not have the slot attribute set.