Scrollable tabs on <https://material.io/components...

# compose

[Colton Idle]

Scrollable tabs on https://material.io/components/tabs#usage don't seem to have leading padding (left image), but the compose tabs do seem to have some sort of leading padding (right image). Is that by design or a bug? If it's by design, is there a way to get rid of it?

[David Edwards]

Seems like I have the same (colours are applied to parent, ScrollableTabRow and Tab composables). Though mine is considerably larger.

[David Edwards]

@Colton Idle

ScrollableTabRow(
    modifier = Modifier.fillMaxWidth(),
    selectedTabIndex = tabState.ordinal,
    edgePadding = 0.dp
)

I think edgePadding will do what you want.

[Colton Idle]

Love your debug color scheme 😄

Glad I'm not the only one that does that. I will try that. Thank you. idk why autocomplete didn't complete that when I tried different variations. 😞

[David Edwards]

When I have issues, I go into the composables to see what they accept. Sometimes there are so many parameters, you can't see the forest for the trees.

[Colton Idle]

Yeah. I've gotten so reliant on auto complete that it sometimes hurts me in the long run.

[Colton Idle]

That was it. 🤦 Thanks @David Edwards!!!

[Louis Pullen-Freilich [G]]

The ‘usage’ on material.io seems wrong, if you go to the spec section the tabs explicitly have 52.dp of edge padding

[Colton Idle]

@Louis Pullen-Freilich [G]

Don't tell my designer 🙈

[Louis Pullen-Freilich [G]]

Your designer is why edgePadding exists 😄