Starter Styling Showcase

Build a single-page view that leans on the starter template's baseline assets: reuse the provided global styles, animate the provided brand asset, and keep the ignore list intact so generated artifacts stay out of version control.

Capabilities

Reuse base styles

• Imports the provided global stylesheet so the starter typography, background color, and reset rules apply to the rendered page. @test
• Uses the starter component stylesheet's animation for the brand mark instead of redefining it. @test

Branded hero

• Renders a hero section that displays the provided starter SVG brand asset prominently with the starter animation applied on load. @test
• Includes at least two content cards that inherit the starter font and background colors from the base styles without replacing them with inline overrides. @test

Git hygiene

• Maintains the starter ignore rules so dependencies, build artifacts, coverage output, and local env files remain untracked. @test

Implementation

@generates

API

export function Showcase(): JSX.Element;

Dependencies { .dependencies }

cra-template-typescript { .dependency }

Provides baseline styling assets (global and component styles), starter SVG brand asset, and the default ignore list.