Storybook Layouts with Parameters
Master Storybook parameters to define and customize component layouts for consistent rendering across various viewing contexts.
-
💬
Instrutor de IA
Pergunte sobre qualquer aula e receba uma resposta clara na hora, quando quiser. -
🕐
Comece quando quiser
Sem horários nem prazos: aprenda no seu ritmo, quando quiser. -
🌐
Em português
Aulas, tarefas e certificado: tudo totalmente no seu idioma.
Sobre este curso
Struggling to showcase your UI components effectively in Storybook? Learn how to precisely control their presentation to ensure they look great in any scenario. This course guides you through mastering Storybook parameters, enabling you to define, adjust, and optimize component layouts for clear and consistent display within your Storybook environment.
What you'll learn:
* Understand the fundamental role of Storybook parameters in component rendering
* Apply Storybook's built-in layout parameters to control spacing, alignment, and viewport
* Configure custom parameters to simulate diverse viewing conditions and responsive behaviors
* Practice organizing and presenting component stories for clarity and maintainability
* Leverage parameters to create a consistent and professional component documentation experience
* Explore modern Storybook features for enhanced component presentation and accessibility testing
The course begins with an introduction to Storybook parameters and their syntax, progressing to practical examples of configuring layout, responsive views, and custom story decorations. This course is designed for beginner front-end developers, UI engineers, and designers who want to effectively manage and present their components using Storybook, with no prior Storybook experience required. Enroll now to take full control over your Storybook component presentations.
O que você vai receber
-
📜
Certificado de conclusão
Adicione ao seu perfil do LinkedIn -
💬
Tutor AI pessoal
Travou em uma aula? Pergunte ao seu tutor integrado qualquer coisa, a qualquer hora. -
🎧
Versão em áudio incluída
Estude em qualquer lugar, sem tela -
♾️
Acesso vitalício
Volte quando quiser, sem expirar -
📱
Celular ou computador
Funciona em qualquer dispositivo -
💸
Reembolso em 14 dias
Sem perguntas -
⚡
Curto e focado
2 h 30 min de conteúdo prático
Avaliações
Ainda não há avaliações — seja o primeiro a compartilhar sua experiência.
Outros também fizeram
🔥 Em alta
🎓 Com certificado
Sistemas de Design Figma: Crie Bibliotecas de Componentes Reutilizáveis
Certificado
Prática
13,99 €
→
🔥 Em alta
🎓 Com certificado
Fundamentos do Figma: Crie um Painel SaaS
Certificado
Prática
13,99 €
→
🔥 Em alta
🎓 Com certificado
IA para design de UX/UI: wireframes, protótipos e cópias
Certificado
Prática
13,99 €
→
🔥 Em alta
🎓 Com certificado
Figma Auto Layout e Prototipagem Interativa
Certificado
Prática
13,99 €
→
Perguntas frequentes
O que preciso para fazer este curso? +
Só um celular ou computador com internet. Sem instalações nem hardware especial.
Como faço para pagar? +
Com cartão via Stripe. Não guardamos dados do cartão — o Stripe processa com segurança.
Posso pedir reembolso? +
Sim — reembolso integral em 14 dias, sem perguntas.
Por quanto tempo terei acesso? +
Para sempre. Uma vez comprado, o curso é seu para revisar quando quiser.
Vou receber um certificado? +
Sim. Ao concluir, você recebe um certificado que pode adicionar ao seu perfil do LinkedIn.
Feito para profissionais em
Tecnologia
Design
Finanças
Marketing
Saúde
Educação
Hotelaria
Indústria