Cosmos Astrobook

Cosmos Astrobook Go full screen

buttons

ArrowButton Disabled Next PreviousLarge Button Primary WithCustomClass IconButton Button DestructiveStyle Link SubmitButton Danger Loading Primary

display

Accordion Default AvatarStack Default Limited DarkModeToggle IconOnly WithLabels HyperlinkedCarousel Default SingleSlide IconWithTextBeneath Default LazyImage Default Eager StatsGrid Default FourColumns TestimonialCard Default Minimal

feedback

AlertBanner Danger Info Success Warning DarkModeToggle IconOnly WithLabels EmptyState Default WithAction Note Default Emphasized

layout

CenteredTextHeadAndDescription Default LeftAlignedText Default LeftTextHeadAndDescription Default LeftTextHeadAndDescriptionWithHtml Default SectionContainer ArticleTag Default SeoHead Default TwoColumn Default

marketing

CTA Default ContactForm Default ContactFormFields Default ContactFormMessages Default ContactFormShell Default FeatureGrid Default Hero Default ImageTextSection ImageLeft ImageRight InfoGridSection Default ProcessGrid InteractiveServiceCard Default WithoutLink ListPanelSection CheckList FeatureList WithOptions PricingCard Default PricingCardHeader Custom Default PricingExtras Default PricingPlansSection Default Resources Default Services Default TrustIndicators Default

navigation

Breadcrumbs DeepPath Default CenteredHeader Default MinimalLinks Footer Default Header Default WithoutLogin MinimalFooter Default ProductFooter MultiColumnFooter Default TwoColumnSet SimpleHeader Default DemoRequest

Use custom classes when you need a stronger visual tone inside a marketing section.