Sticky footer in Ant Design

Mattepuffo's logo
Sticky footer in Ant Design

Sticky footer in Ant Design

Ant Design è una libreria UI per React; ne abbiamo già parlato in qualche altro articolo.

Oggi vediamo un semplice tips per rendere il componente Footer sticky.

Questo perchè la documentazione ci già alcuni esempi di layout, ma non approfondisce la questione.

Ecco qua:

<div>
	<Layout className="layout">
		<Header>

		</Header>
		<Content>

		</Content>
		<Footer style={{
			textAlign: 'center', position: 'fixed',
			left: 0,
			bottom: 0,
			width: '100%'
		}}>
			IL MIO FOOTER
		</Footer>
	</Layout>
</div>

Enjoy!


Share this Post

Commentami!