Don't style

[PerchunPak]

Clear and concise description of the problem

This is a great library! But please don't make assumptions about styling components.

As an example, this line breaks my page layout

svelte-infinite/src/lib/InfiniteLoader.svelte

Lines 201 to 202 in 98d2cc2

	.infinite-loader-wrapper {
	width: 100%;

Suggested solution

Do not apply any styles, let user figure it out. Also, would be great to expose class prop for wrapper elements

Alternative

No response

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[PerchunPak]

And yes, I know I can use !important to fix everything, but this is IMO an antipattern and should be avoidable where possible

[ndom91]

Yeah good catch, you shouldn't need to!importsnt override anything here.

That width:100% you pointed out though, should make the infinite load wrapper fill it's container, is that not the case in your design? What if you just wrapped this component in another div in your application and constrain that divs size?

[PerchunPak]

I used width: auto !important to manage my width