sample builder

sample.ts

import FeatureContentBlock from '$lib/components/FeatureContentBlock/FeatureContentBlock.svelte';

export default {
	component: FeatureContentBlock,
	name: 'FeatureContentBlock',
	inputs: [
		{
			name: 'analytics_identifier',
			type: 'string'
		},
		{
			name: 'heading',
			type: 'richText',
			required: true,
			default: ''
		},
		{
			name: 'subHeading',
			type: 'richText',
			required: true,
			default: ''
		},
		{
			name: 'productImageDesktop',
			type: 'file',
			allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg', 'webp', 'gif'],
			required: false
		},
		{
			name: 'productImageMobile',
			type: 'file',
			allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg', 'webp', 'gif'],
			required: false
		},
		{
			name: 'imageAltText',
			type: 'text',
			default: ''
		},
		{
			name: 'imageAlignment',
			type: 'string',
			defaultValue: 'Left',
			enum: ['Left', 'Right']
		},
		{
			name: 'ctaButton',
			type: 'blocks',
			hideFromUI: true,
			defaultValue: [
				{
					'@type': '@builder.io/sdk:Element',
					component: {}
				}
			]
		},
		{
			name: 'video',
			type: 'file',
			allowedFileTypes: ['mp4', 'webm'],
			required: false,
			defaultValue: 'https://sveltejs.github.io/assets/caminandes-llamigos.mp4'
		},
		{
			name: 'icons',
			type: 'list',
			subFields: [
				{
					name: 'image',
					type: 'file',
					allowedFileTypes: ['jpeg', 'jpg', 'png', 'svg', 'webp'],
					defaultValue: ''
				},
				{
					name: 'link',
					type: 'string',
					defaultValue: '/'
				}
			]
		},
		{
			name: 'internalLinkText',
			type: 'text',
			defaultValue: 'More about the Schneider Home app >'
		},
		{
			name: 'internalLink',
			type: 'text',
			defaultValue: '/app'
		},
		{
			name: 'backgroundColor',
			type: 'color'
		},
		{
			name: 'videoBackgroundColor',
			type: 'color',
			required: false
		},
		{
			name: 'isPDP',
			type: 'boolean',
			defaultValue: false
		},
		{
			name: 'ctaAlign',
			type: 'text',
			enum: ['left', 'right', 'center'],
			defaultValue: 'center'
		}
	]
};