ShipAngular Logo
Get started
Tutorials
Ship in 5 minutes Static pageUser authenticationAPI callPrivate pageStripe SubscriptionsPrivacy policy with GPT
Features
SEODatabaseEmailsPaymentsGoogle OauthMagic LinksCustomer supportError handlingAnalytics
Components
HeaderHeroProblemWithWithoutFeatures ListicleFeatures AccordionFeatures GridCTAPricingFAQFooterButton LeadButton CheckoutButton Sign-inButton AccountButton GradientBetter IconTestimonial AvatarsRating
Security
Sending limit in MailgunMonthly budget in OpenAIRate limiting (Magic Links)
Deployment
Extras

ComponentsFeatures Accordion

A component to display 2 to 5 features in an accordion. By default, the first feature is selected. When a feature is clicked, the others are closed.
  • The text is clickable and displays the feature description when clicked.
  • The media could be a video or an image (or nothing). Videos are set to autoplay for the best UX.

A Features Accordion component for ShipAngular boilerplate

{page}.component.html

<app-features-accordion />

Tips

  • Keep the title short and simple (less than 5 words).
Looking for UI-only components like buttons, inputs, etc? It's all available with daisyUI. See this guide for more info.