Components

108 components across 8 packages

Nothing matches this combination.

• GrAlert

  Shows an important message, warning or action status.

  corefeedbackAPI

• GrAutocomplete

  A combobox with type-ahead search over options, async loading and multi-select chips.

  coreformsAPI

• GrAvatar

  Displays a user photo, or initials / a fallback when it is missing.

  coredataAPI

• GrBadge

  A short label for a status, category or counter.

  corefeedbackAPI

• GrBadgeWrap

  Adds a status or count badge on top of an element.

  corefeedbackAPI

• GrBottomNav

  Bottom navigation for the key sections of a mobile interface.

  corenavigationAPI

• GrBreadcrumbs

  Shows where the user is and lets them step back up the path.

  corenavigationAPI

• GrButton

  Triggers the primary action in a form, dialog or panel.

  coreactionsAPI

• GrButtonGroup

  Groups related buttons into a compact action cluster.

  coreactionsAPI

• GrCalendar

  chronomisc

• GrCameraCapture

  mediamisc

• GrCard

  A container for a meaningful block of content and actions.

  coredataAPI

• GrChartArea

  chartsmisc

• GrChartBar

  chartsmisc

• GrChartBullet

  chartsmisc

• GrChartFunnel

  chartsmisc

• GrChartHeatmap

  chartsmisc

• GrChartLine

  chartsmisc

• GrChartPie

  chartsmisc

• GrChartRadar

  chartsmisc

• GrChartWaterfall

  chartsmisc

• GrCheckbox

  Lets you toggle independent options and select multiple items.

  coreformsAPI

• GrCheckboxGroup

  Collects checkboxes into one multi-select field with a shared model and states.

  coreformsAPI

• GrChip

  An interactive tag: removable, selectable, with an icon. Where GrBadge only shows a status, a chip answers to a click.

  coredataAPI

• GrChipGroup

  A set of chips sharing one value: list filters, record labels, a quick pick.

  coredataAPI

• GrCodeBlock

  codemisc

• GrCodeEditor

  codemisc

• GrCodeScanner

  mediamisc

• GrCollapse

  Collapses and expands additional content on demand.

  coreoverlaysAPI

• GrColorPicker

  Picks a color for theme and branding settings: hue, saturation, lightness and opacity sliders, a hex field and a palette.

  coreformsAPI

• GrCommandPalette

  Opens a ⌘K search over app commands with groups and shortcuts.

  corenavigationAPI

• GrConfigProvider

  Provides global defaults (control size, per-component props, i18n) to nested components — imperative dialogs included.

  coreutilitiesAPI

• GrConfirmDialog

  Asks to confirm a potentially important or dangerous action.

  coreoverlaysAPI

• GrContextMenu

  Brings actions to the pointer: right-click a row, a tree node or a canvas.

  coreoverlaysAPI

• GrDashboard

  dashboardmisc

• GrDashboardItem

  dashboardmisc

• GrDashboardItemSettings

  dashboardmisc

• GrDashboardPalette

  dashboardmisc

• GrDashboardToolbar

  dashboardmisc

• GrDataTable

  A table for large data sets with sorting and filtering.

  coredataAPI

• GrDatePicker

  chronomisc

• GrDateRangePicker

  chronomisc

• GrDateTimePicker

  chronomisc

• GrDelta

  Shows a signed value with its sign, tone and arrow inline in a sentence.

  coredataAPI

• GrDescriptionList

  Lists label-value pairs as a real description list, values aligned in a column.

  coredataAPI

• GrDialog

  A dialog for confirmations, forms and focused scenarios.

  coreoverlaysAPI

• GrDialogService

  coremisc

• GrDiff

  codemisc

• GrDivider

  Separates content with a line, optionally with a centered label.

  coredataAPI

• GrDrawer

  A sliding panel for secondary content and quick actions.

  coreoverlaysAPI

• GrDropdown

  Opens a floating list of actions or options next to the trigger.

  coreoverlaysAPI

• GrDropdownMenu

  A ready-made actions menu for a button, link or context invocation.

  coreoverlaysAPI

• GrDuration

  chronomisc

• GrEmptyState

  Explains an empty state and suggests the user’s next step.

  corefeedbackAPI

• GrFilePreview

  Shows a stored file as a tile: the image itself, or an icon for its type.

  coredataAPI

• GrFileUpload

  Accepts files via selection or drag-and-drop and shows their state.

  coreformsAPI

• GrForm

  Orchestrates form validation via declarative rules and the GrFormField context.

  coreformsAPI

• GrFormField

  Combines label, control, hint and error into a single field.

  coreformsAPI

• GrFormFile

  Binds file uploads to a form field and validation.

  coreformsAPI

• GrFormSection

  Groups related form fields into a clear, meaningful section.

  coreformsAPI

• GrIcon

  Renders an icon as a standalone interface element.

  coredataAPI

• GrImageCrop

  mediamisc

• GrImageViewer

  Opens an image in a convenient viewing and zooming mode.

  coreoverlaysAPI

• GrInput

  A single-line field for text, search and short values.

  coreformsAPI

• GrInputTag

  Lets you enter and edit a list of tags or values.

  coreformsAPI

• GrJsonViewer

  Walks an unknown value as a tree: collapsible nodes, search by key or value, copy a node with its path.

  coredataAPI

• GrKbd

  Displays a keyboard key or shortcut in a `<kbd>` element.

  coredataAPI

• GrLink

  A navigation link for moving between pages and resources.

  coreactionsAPI

• GrList

  Displays a vertical list of uniform items or actions.

  coredataAPI

• GrLoading

  Indicates that a section or action is currently loading.

  corefeedbackAPI

• GrModal

  A modal window for an important scenario that temporarily blocks the background.

  coreoverlaysAPI

• GrNavbar

  Top navigation for the main sections and global actions.

  corenavigationAPI

• GrNumberInput

  A number field with stepper controls and range constraints.

  coreformsAPI

• GrPagination

  Splits a long list into pages and manages navigation between them.

  corenavigationAPI

• GrPopover

  An anchored panel for a short form, settings or a confirmation right next to the trigger.

  coreoverlaysAPI

• GrProgressBar

  Shows the progress of a task or a loading process.

  corefeedbackAPI

• GrProgressCircle

  Shows progress as a ring or a gauge, with the value in the middle.

  corefeedbackAPI

• GrPromptDialog

  Requests a short text input from the user in a dialog.

  coreoverlaysAPI

• GrRadio

  A single choice within a group of mutually exclusive options.

  coreformsAPI

• GrRadioGroup

  Combines radio options into a single-choice selection flow.

  coreformsAPI

• GrRating

  Collect and display a star rating, with half steps and a read-only mode.

  coreformsAPI

• GrRelativeTime

  chronomisc

• GrResponseErrorBanner

  A universal generic banner for server or network response errors: it takes a raw error/response, runs it through a chain of parsers (HTTP statuses, Laravel/JSON:API/RFC 7807 validation, file/network/abort) and renders a title, main message, an optional list of per-field details and retry/dismiss actions — without knowing anything about a specific feature (file upload, forms, transactions).

  corefeedbackAPI

• GrRichText

  editormisc

• GrSchemaForm

  forms-schemamisc

• GrSegmented

  A compact single-choice control with a pills/button presentation and a moving selection indicator.

  coreformsAPI

• GrSelect

  Selection of one or several values from a list of options.

  coreformsAPI

• GrSidebar

  Side navigation for sections, filters and supporting actions.

  corenavigationAPI

• GrSkeleton

  A temporary interface skeleton while the content is still loading.

  corefeedbackAPI

• GrSlider

  Pick a number or a range by dragging a thumb, with steps, marks and keyboard support.

  coreformsAPI

• GrSortableList

  Let people reorder a list by dragging — or entirely from the keyboard, announced as they go.

  coredataAPI

• GrSparkline

  chartsmisc

• GrSplitter

  Splits a layout into two resizable panels with a draggable divider.

  coreutilitiesAPI

• GrStatistic

  Highlights a key metric with a caption, formatting and a trend line.

  coredataAPI

• GrSteps

  Shows where the user is in a multi-step process and can hold them back until the step checks out.

  corenavigationAPI

• GrSwitch

  Quickly turns a binary setting on and off.

  coreformsAPI

• GrTable

  A simple table for compact display of structured data.

  coredataAPI

• GrTabPanels

  Renders tab panels linked to `GrTabs` by ARIA for accessible tabs.

  corenavigationAPI

• GrTabs

  Switches between related content sections without leaving the page.

  corenavigationAPI

• GrTextarea

  A multi-line field for long text and comments.

  coreformsAPI

• GrTimeline

  Shows a chronological feed of events with an axis, markers and day headings.

  coredataAPI

• GrTimePicker

  chronomisc

• GrToaster

  Shows brief pop-up notifications about the result of actions.

  corefeedbackAPI

• GrTooltip

  Shows a short hint on hover or focus.

  corenavigationAPI

• GrTree

  Shows a hierarchy of items with node expansion and selection.

  coredataAPI

• GrTreeSelect

  Selection of a value from a tree structure in a single control.

  coreformsAPI

• GrValue

  A quantity with its affixes: prefix, value, suffix — and nothing else.

  coredataAPI

• GrVideoPlayer

  mediamisc