'/%3e%3c!--%20Motion%20trails%20--%3e%3crect%20x='14'%20y='7'%20width='12'%20height='2'%20rx='1'%20fill='white'%20opacity='.2'/%3e%3crect%20x='12'%20y='12'%20width='16'%20height='2'%20rx='1'%20fill='white'%20opacity='.35'/%3e%3crect%20x='10'%20y='17'%20width='20'%20height='2.5'%20rx='1.25'%20fill='white'%20opacity='.5'/%3e%3c!--%20Bold%20chevron%20down%20--%3e%3cpath%20d='M10%2024%20L20%2034%20L30%2024'%20stroke='white'%20stroke-width='3.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'/%3e%3c/svg%3e)
Receitas
Os guias e as páginas de API explicam uma peça de cada vez. Uma receita parte de algo que você quer entregar e junta as peças: uma demo ao vivo para testar primeiro, o código completo para o seu framework e o motivo de cada parte estar ali.
Feed infinitoCarregue a próxima página quando o usuário se aproxima do fim, com slides de carregamento e erro, requisições canceladas e mídia pré-carregada.Da grade ao playerAbra o reel player em tela cheia a partir de uma grade de miniaturas e leve o usuário de volta ao último item que assistiu.Galeria com apresentaçãoRode uma galeria de fotos como apresentação de slides no Lightbox e baixe o arquivo original de cada foto.Bandeja de storiesAbra o Stories Player a partir de uma fileira de anéis e lembre o que o usuário já viu, mesmo após recarregar.
Cada demo roda o código React mostrado ao lado. As versões Vue e Angular fazem o mesmo com os seus próprios bindings.