View showcase

Hero components

Hero is a large banner or image that appears as one of the first items on a page. It’s a primary visual element that is used to focus user attention on key content or promotions.

41components130storiesLast updated 20 days ago
Tweet
Add your component
PageHero
Codecademy
11
Hero
WFP
11
Checkbox (selection control)
<cc-header-orga>
Switch (selection control)
Hero Card
ChoiceGroup
Checkbox Group
Hero Banner
<cc-header-addon>
Checkbox Group
ThemeProvider
AppHeaderLogo
checkbox-button-group
CheckboxGroup
AppHeaderDropdown
AppHeaderSubMenuMobile
LineHeightControl
Docs
Documentation
Add Storybook to your project in less than a minute to build components faster and easier.
reactvueangularweb-components
Tutorial
Tutorials
Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.
Learn Storybook now
Storybook
The MIT License (MIT). Website design by @domyen and the awesome Storybook community.
StorybookShowcaseDocsTutorialsAddonsBlogReleasesGet involvedUse casesSupportTeam
Subscribe
Get news, free tutorials, and Storybook tips emailed to you.

Maintained by
Chromatic
Continuous integration by
CircleCI
Hosting by
Netlify