Component lab

Genesis development workspace

Build and test UNICIS UI modules here before moving them into the main product. Use the left accordion to browse page layouts and blocks.

View

Page layouts and content blocks

Pages

Page layout shells — regions for header, body, sidebar, and footer

  • B

    Body — content blocks without header or footer regions

  • HB

    Header + Body — page title region with main content below

  • HLBF

    Header + Left + Body + Footer — full grid with sidebar and actions

Blocks

Composable content blocks for page bodies

  • Page Header

    Eyebrow, title, and intro copy

  • Call Out

    Highlighted tips and notices

  • Action

    Primary and secondary action buttons

  • Text

    Short body copy for narrow columns

  • Long Text

    Extended paragraphs with muted secondary copy

  • Card Grid

    Feature cards in a responsive grid

  • List

    Bulleted list with optional heading

  • Table

    Read-only data table

  • CRUD Table

    Inline-editable data table

Dashboard

Role-based dashboard layouts and reusable widgets

Activity

Member activities, ministry events, and timelines

Learning

Curriculum, programs, courses, and session delivery

Workflow

Workflows are started by a Trigger event on a monitored resource like; new member create, expense report submit, etc. Once created, defined Actions will be triggered per workflow state. Upon completion of an Action, the workflow will be moved to the next State, until the State reaches Final. Workflows can also be started manually with adhoc content and routing.

Document

Document types are [ Filled ] : stored as mark-ups for forms and reports, [ Uploaded ] : uploaded and stored as a file, and [ Linked ] : stored externally and linked