SequenceViewerApp

Home > @anocca/sequence-viewer-app > SequenceViewerApp

Ready to use sequence viewer component using react-icons, material UI and formik. Use this if you qulckly want to get started with the Anocca sequence viewer in react. See [Get started](/docs/tutorial/get-started)

See: Annotation

Signature:

SequenceViewerApp: (props: {
    sequence: string;
    annotations: Annotation[];
    width: number;
    height: number;
    getAnnotationLabelById: (id: string) => string;
    getAnnotationById: (id: string) => Annotation;
    addAnnotation: (annotation: Annotation) => void;
    deleteAnnotations: (ids: string[]) => void;
    showAnnotations: (ids: string[]) => void;
    hideAnnotations: (ids: string[]) => void;
    updateAnnotation: (annotation: Annotation) => void;
    isProtein?: boolean | undefined;
    renderLinearByDefault?: boolean | undefined;
    chromatogramData?: ChromatogramData | undefined;
    AnnotationForm: (props: AnnotationFormProps) => JSX.Element;
}) => JSX.Element