Skip to content

Commit

Permalink
Updating platforms for Figma-to-Code and Formbuilder (#6678)
Browse files Browse the repository at this point in the history
  • Loading branch information
hibler13 authored Dec 19, 2023
1 parent f8e4ec2 commit 9315a58
Show file tree
Hide file tree
Showing 17 changed files with 17 additions and 136 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
'Amplify Studio generated forms come with three action buttons: **Submit**, **Cancel**, and **Clear** or **Reset**, depending on whether the form creates or updates a record.',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
'Use the Form Builder in Amplify Studio to customize React form components. You can add new form inputs, bind them to a field, customize labels, and add validation rules.',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
'Cloud connected forms can be bound to data models with relationships, allowing multiple data models to be updated upon submission.',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
9 changes: 1 addition & 8 deletions src/pages/[platform]/build-ui/formbuilder/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
"Amplify Studio's Form Builder automatically generates cloud-connected forms as React code, either from your data model, any JSON object, or from scratch. You can configure validation logic, adjust theming, and customize presentation all within the console.",
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Manage form lifecycle',
description: "Hook into the form's lifecycle events to customize user input before submission, run validations, handle errors, or self-manage user input events.",
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
}

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
"Use the \"overrides\" property to override any form input's properties. Use this as an escape hatch in case there's a property that you can't customize within Studio.",
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
'Special input fields in Amplify Studio form builder allow the user to interact with unique Amplify features',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
"Sanitize user input by adding validation rules to your form. By default, Amplify Studio infers a range of validation rules based on the data model. For example, given a data model with an 'AWSEmail' field, the generated form input will automatically run an email validation rule.",
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Best practices',
description: "Constraints of Amplify Studio's Figma to React capabilities",
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Collections',
description: 'Collections',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Data binding',
description: 'Figma to React code with Amplify Studio',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'UI event handler',
description: 'Figma to React code with Amplify Studio',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
9 changes: 1 addition & 8 deletions src/pages/[platform]/build-ui/uibuilder/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Figma-to-Code',
description: "Generate clean React code from Figma design files with Amplify Studio.",
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
9 changes: 1 addition & 8 deletions src/pages/[platform]/build-ui/uibuilder/override/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Extend with code',
description: 'Figma to React code with Amplify Studio',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
9 changes: 1 addition & 8 deletions src/pages/[platform]/build-ui/uibuilder/responsive/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Responsive components',
description: 'Learn how to configure Figma to Code components in order for them to scale according to breakpoints',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
9 changes: 1 addition & 8 deletions src/pages/[platform]/build-ui/uibuilder/slots/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -5,15 +5,8 @@ export const meta = {
description:
'Add component slots to Amplify-generated Figma to code components. Use this to support nested components or collections in React code.',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down
9 changes: 1 addition & 8 deletions src/pages/[platform]/build-ui/uibuilder/theming/index.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,8 @@ export const meta = {
title: 'Theming',
description: 'Configure your Amplify-generated UI components to match your brand using the Amplify Theme Editor Figma plugin',
platforms: [
'android',
'angular',
'flutter',
'javascript',
'nextjs',
'react',
'react-native',
'swift',
'vue'
'react'
]
};

Expand Down

0 comments on commit 9315a58

Please sign in to comment.