Runway

Tired of spending hours configuring and maintaining?

Without Runway

Manually configure authentication

Spend hours creating components

Read through endless documentation

Setup payments and subscriptions

Manage your own database

Spend hours on SEO

Setup email sending

Spend hours creating landing pages

With Runway

Authentication already configured

Payments and subscriptions ready to go

50+ components ready to use

Database already setup

SEO optimized

Email setup

Landing page ready

The WithWithout component is a simple yet effective way to promote your product over competitors. It highlights the benefits of using your product while subtly pointing out the drawbacks of alternatives.

Usage

javascript
1import WithWithout from '@/components/WithWithout';
2
3<WithWithout />

Props

Name	Type	Default	Description
title	string	`"Tired of spending hours configuring and maintaining?"`	The title of the component.
withoutTitle	string	`"Without Runway"`	The title of the component when the `without` prop is true.
withTitle	string	`"With Runway"`	The title of the component when the `without` prop is false.
withouts	array	-	The list of items to display when the `without` prop is true.
withs	array	-	The list of items to display when the `without` prop is false.
cardBorderRadius	string	`"lg"`	The border radius of the card (using Tailwind border radius classes).
cardBorder	boolean	`false`	If true, a border will be displayed on the card.
without	boolean	`false`	If true, the component will display the `without` title and list.
with	boolean	`false`	If true, the component will display the `with` title and list.
cardBorderRadius	string	`"lg"`	The border radius of the card (using Tailwind border radius classes).
cardBorder	boolean	`false`	If true, a border will be displayed on the cards.