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!