Design System Catalog
Lista oficial dos components compartilhados. Abra a subpágina de cada item para ver import, available props, exemplo de uso e variações.
Button
Primary action component for clicks and typed navigation.
Import
import { Button } from "@components/index";
5 documented props
Open details
TextInput
Controlled text field for short textual, date and numeric input.
Import
import { TextInput } from "@components/index";
4 documented props
Open details
SelectField
Typed select field for short option lists.
Import
import { SelectField } from "@components/index";
4 documented props
Open details
TextAreaField
Controlled multiline text field with compact and default density.
Import
import { TextAreaField } from "@components/index";
3 documented props
Open details
RadioPillGroup
Visible choice group optimized for short option sets and filters.
Import
import { RadioPillGroup } from "@components/index";
3 documented props
Open details
ComboboxField
Searchable select field for longer option lists.
Import
import { ComboboxField } from "@components/index";
3 documented props
Open details
Badge
Small status label for semantic emphasis.
Import
import { Badge } from "@components/index";
2 documented props
Open details
Alert
Semantic message block for feedback and operational warnings.
Import
import { Alert } from "@components/index";
3 documented props
Open details
EmptyState
Standard empty-result block with optional action.
Import
import { EmptyState } from "@components/index";
3 documented props
Open details
CompletionBadge
Circular progress badge used for stage completion percentages.
Import
import { CompletionBadge } from "@components/index";
1 documented props
Open details
FormTextInput
React Hook Form wrapper for TextInput.
Import
import { FormTextInput } from "@components/index";
3 documented props
Open details
FormSelectField
React Hook Form wrapper for SelectField.
Import
import { FormSelectField } from "@components/index";
3 documented props
Open details
FormTextAreaField
React Hook Form wrapper for TextAreaField.
Import
import { FormTextAreaField } from "@components/index";
3 documented props
Open details
FormRadioPillGroup
React Hook Form wrapper for RadioPillGroup.
Import
import { FormRadioPillGroup } from "@components/index";
3 documented props
Open details