Base Components
"Startup" provides a rich set of reusable UI components to speed up your development process. Let's take a look at how to use some of these components in your project:
Button Component
The <Button>
component is great for creating call-to-action buttons. Here's an example of how to use it:
import React from 'react';
import { Button } from 'startup';
function MyComponent() {
return (
<div>
<Button primary onClick={() => alert('Button clicked!')}>
Click Me
</Button>
</div>
);
}
export default MyComponent;
Navigation Bar Component
The <NavigationBar>
component simplifies navigation in your app. Here's an example of a basic navigation bar:
import React from 'react';
import { NavigationBar, Link } from 'startup';
function MyApp() {
return (
<NavigationBar>
<Link to="/">Home</Link>
<Link to="/about">About</Link>
<Link to="/contact">Contact</Link>
</NavigationBar>
);
}
export default MyApp;