Import
import {FeatureCopyGrid} from '@fuegokit/react'
Usage
Specify a variant for both the feature grid and the feature items to be rendered in the feature grid.
<FeatureCopyGrid variant={`threeColumn`}><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`} title={`Workflow transitions`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`} title={`Update issues`}>Instantly update existing issues during workflow transitions using the Update Issue post function{' '}</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`} title={`Advanced conditioning logic`}>Set up simple or advanced conditioning logic that determines when an issue or subtask should be created or updated</FeatureCopyGrid.Item></FeatureCopyGrid>
Depending on the amount of copy you need to render with each feature, different item variants may be used and combined in different layout variants.
Generally, prefer using the following combinations:
Layout variant prop: | Item variant prop: |
|---|---|
threeColumn | columnWithIcon |
twoByTwo | rowWithIcon |
fourColumn | rowWithCheckMark |
Product Category Icons
Specify an Appfire prodeuct category for the product category that your product feature belongs to.
<FeatureCopyGrid variant={`threeColumn`}><FeatureCopyGrid.Item category={`documentManagement`} variant={`columnWithIcon`} title={`Manage documents`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`workflowAutomation`} variant={`columnWithIcon`} title={`Create advanced workflows`}>Instantly update existing issues during workflow transitions using the Update Issue post function{' '}</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`adminTools`} variant={`columnWithIcon`} title={`User administration`}>Tempor tellus in aliquet eu et sit nulla tellus. Suspendisse est, molestie blandit quis ac. Lacus.</FeatureCopyGrid.Item></FeatureCopyGrid>
Layout Variants
Every variant supports a feature item with or without a title, and different item variants can be used in different layouts.
Three column:
<FeatureCopyGrid variant={`threeColumn`}><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`} title={`Workflow transitions`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`} title={`Update issues`}>Instantly update existing issues during workflow transitions using the Update Issue post function{' '}</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`} title={`Advanced conditioning logic`}>Set up simple or advanced conditioning logic that determines when an issue or subtask should be created or updated</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`}>Instantly update existing issues during workflow transitions using the Update Issue post function{' '}</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`columnWithIcon`}>Set up simple or advanced conditioning logic that determines when an issue or subtask should be created or updated</FeatureCopyGrid.Item></FeatureCopyGrid>
Two by Two:
<FeatureCopyGrid variant={`twoByTwo`}><FeatureCopyGrid.Item category={`itsm`} variant={`rowWithIcon`} title={`Workflow transitions`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`rowWithIcon`} title={`Update issues`}>Instantly update existing issues during workflow transitions using the Update Issue post function{' '}</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`rowWithIcon`} title={`Advanced conditioning logic`}>Set up simple or advanced conditioning logic that determines when an issue or subtask should be created or updated</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`itsm`} variant={`rowWithIcon`} title={`Update issues`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item></FeatureCopyGrid>
Four column:
<FeatureCopyGrid variant={`fourColumn`}><FeatureCopyGrid.Item category={`workflowAutomation`} variant={`rowWithCheckMark`} title={`Workflow transitions`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`workflowAutomation`} variant={`rowWithCheckMark`} title={`Update issues`}>Instantly update existing issues during workflow transitions using the Update Issue post function{' '}</FeatureCopyGrid.Item><FeatureCopyGrid.Itemcategory={`workflowAutomation`}variant={`rowWithCheckMark`}title={`Advanced conditioning logic`}>Set up simple or advanced conditioning logic that determines when an issue or subtask should be created or updated</FeatureCopyGrid.Item><FeatureCopyGrid.Item category={`workflowAutomation`} variant={`rowWithCheckMark`} title={`Update issues`}>Seamlessly create and populate new subtasks upon workflow transitions using Create Subtask post function</FeatureCopyGrid.Item></FeatureCopyGrid>