Loading source
Pulling the file list, source metadata, and syntax-aware rendering for this listing.
Source from repo
Convert Stitch-generated screens into validated React component systems with design token consistency
Files
Skill
Size
Entrypoint
Format
Open file
Syntax-highlighted preview of this file as included in the skill package.
resources/component-template.tsx
1/**2* Copyright 2026 Google LLC3*4* Licensed under the Apache License, Version 2.0 (the "License");5* you may not use this file except in compliance with the License.6* You may obtain a copy of the License at7*8* http://www.apache.org/licenses/LICENSE-2.09*10* Unless required by applicable law or agreed to in writing, software11* distributed under the License is distributed on an "AS IS" BASIS,12* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.13* See the License for the specific language governing permissions and14* limitations under the License.15*/1617import React from 'react';1819// Use a valid identifier like 'StitchComponent' as the placeholder20interface StitchComponentProps {21readonly children?: React.ReactNode;22readonly className?: string;23}2425export const StitchComponent: React.FC<StitchComponentProps> = ({26children,27className = '',28...props29}) => {30return (31<div className={`relative ${className}`} {...props}>32{children}33</div>34);35};3637export default StitchComponent;