Orvain UI
Orvain UI
HomeBlocksAI toolsFigmaPricing
FAQBlogsContact usAbout us
Docs
Sign InGet the Figma
Free componentsFREEBlocksPROCode library + MCPSOONFigma filePRO

Getting started

Introduction
What's available

Foundations

Color
Typography

Guides

Editor and MCP

Components

Overview
Actions
ButtonLink ButtonGhost ButtonFancy ButtonCompact ButtonButton Group
Displaying Data
AvatarsAvatar GroupAvatar Compact GroupBadgesTagFancy TagData TableContent LabelContent DividerKBDLine Progress BarCircular Progress BarRating
Feedback
Alert & NotificationTooltipBanner
Form
CheckboxRadioColor PickerDate PickerOTP InputFile UploadHintInputLabelDropdownSliderSwitchText Area
Layout
AccordionBreadcrumbSegmented ControlTab Menu HorizontalTab Menu Vertical
Navigation
Dot StepperPaginationNavbar
Overlays
Command MenuModalPopover
Actions

Ghost Button

How the Ghost Button works with a keyboard and assistive tech.

OverviewPlaygroundAccessibility

Guidance#

An icon-only ghost button has an aria-label. A tooltip shows the same text to sighted users.

A toggled ghost button uses aria-pressed.

PreviousLink ButtonNextFancy Button

On this page

Guidance
Documentation

On this page

Guidance
Free componentsFREEBlocksPROCode library + MCPSOONFigma filePRO

Getting started

Introduction
What's available

Foundations

Color
Typography

Guides

Editor and MCP

Components

Overview
Actions
ButtonLink ButtonGhost ButtonFancy ButtonCompact ButtonButton Group
Displaying Data
AvatarsAvatar GroupAvatar Compact GroupBadgesTagFancy TagData TableContent LabelContent DividerKBDLine Progress BarCircular Progress BarRating
Feedback
Alert & NotificationTooltipBanner
Form
CheckboxRadioColor PickerDate PickerOTP InputFile UploadHintInputLabelDropdownSliderSwitchText Area
Layout
AccordionBreadcrumbSegmented ControlTab Menu HorizontalTab Menu Vertical
Navigation
Dot StepperPaginationNavbar
Overlays
Command MenuModalPopover