STRUDEL Components

STRUDEL Components are a set of react components that support people developing UI applications for the scientific community. They are built on top of Material UI components and aim to provide an extra layer of implementation to promote positive user experiences and usability standards.

Key Features:

• Specialized data grid for displaying scientific data
• Chemical formula rendering component
• Filters component for managing complex filter states

Check out the documentation on the STRUDEL Kit site.

They also provide the building blocks for the STRUDEL Task Flow templates. Learn how to get started with the full templates.

Install

npm install @strudel-science/components

Usage

Examples

Import

import { SciDataGrid } from '@strudel-science/components';

import { Filters, FilterGroup, FilterField } from '@strudel-science/components';

import { LabelValueTable } from '@strudel-science/components';

import { Formula } from '@strudel-science/components';

import { CheckboxList } from '@strudel-science/components';

import { PageHeader } from '@strudel-science/components';