---
title: "Components"
url: "https://developer.incode.com/design-and-ux/components/"
section: "design-and-ux"
group: "Prizma Design Foundations / Components"
version: "v1.1"
status: "live"
---
# Components

This section documents every Prizma component, with its anatomy, variants, states, and tokens. Each component maps one-to-one with its Figma counterpart: same names, same tokens, same behavior.

## Actions

- [Buttons](/design-and-ux/button/): Trigger actions.
- [Button groups](/design-and-ux/button-group/): Define how multiple buttons are arranged in a flow.

## Inputs and Selection

- [Card lists](/design-and-ux/card-list/): Present a set of selectable verification steps or modules.
- [Checkboxes](/design-and-ux/checkbox/): Allow users to select one or more items from a set, or toggle a single option on or off.
- [Dropdowns](/design-and-ux/dropdown/): Allow users to select a single option from a collapsible list.
- [Inputs](/design-and-ux/input/): Collect text from users.
- [Radio buttons](/design-and-ux/radio/): Allow users to select exactly one option from a set.
- [Signature pads](/design-and-ux/signature/): Capture freehand signatures from users.

## Navigation and Wayfinding

- [Lists](/design-and-ux/list/): Show a numbered sequence of steps with clear progress indicators.
- [Navigation bars](/design-and-ux/navigation-bar/): Provide persistent headers on every step of a Prizma verification flow.
- [Steppers](/design-and-ux/stepper/): Show users where they are in a multi-step verification flow.

## Feedback and Status

- [Loading components](/design-and-ux/loading/): Communicate that the system is working.
- [Snackbars](/design-and-ux/snackbar/): Deliver brief, contextual feedback after a user action or system event.
- [State blocks](/design-and-ux/states/): Communicate a process state—loading, success, or error.
- [Timers](/design-and-ux/timer/): Display visible countdowns before a biometric capture event.

## Layout and Structure

- [Modals](/design-and-ux/modal/): Interrupt the current flow to deliver critical information or request a decision.
- [Separators](/design-and-ux/separator/): Create visual breaks between content sections.