Bottom Navigation Tab

[tombelieber]

It would be nice to have a bottom navigation tab just like

https://mui.com/zh/material-ui/react-bottom-navigation

/

[hichemfantar]

@rtivital a bottom navigation bar is very handy for mobile navigation.

[zhulien-ivanov]

It's literally 3 buttons in a flex container with a fixed position. You don't really need a library component for that.

[hichemfantar]

I was thinking of an integration with the app shell component.

[nonameolsson]

It is not so complicated to build. I agree that a pre-made component would be handy.

This is how I have solved it https://github.com/nonameolsson/linjen/tree/nonameolsson/migrate-to-mantine-194/app/components/bottom-navigation

I created an Page component that implements AppShell.
I use it this way https://github.com/nonameolsson/linjen/blob/nonameolsson/migrate-to-mantine-194/app/routes/timeline/%24timelineId.tsx#L107

And this is how I use it to add a bottom navigation
https://github.com/nonameolsson/linjen/blob/nonameolsson/migrate-to-mantine-194/app/components/page.tsx#L90