bash-ui
ComponentsDesign systemsHow to use
Getting started
IntroductionHow to use
Design systemsSee all →
The MeridianFrontierUnderstatedCuratedStudioNeutralPlayground
ButtonsSee all →
Social link buttonsKey login buttonSend buttonArrow buttonVideo buttonApp store badgeTonal buttonLoading buttonCTA buttonInbox buttonDelete button
Top navbars & navigationSee all →
Radial navigationExpanding menuGooey tabsCount tabsApp sidebar
InputsSee all →
Sort-by headingDissolve inputSearchable selectCheckboxLock toggleNotification toggleGooey inputSearch barRange sliderDate range calendar
ChartsSee all →
GitHub activity chartRevenue bar chartDonut chartMoney flow chartIncome vs spending chartFunnel chartMetric cardPipeline chartBreakdown dialAI cost cardStick progress bar
Data displaySee all →
Tech stack logosWallet cardScore gauge
Images & mediaSee all →
Doodle portraitImage collageQR codeSaved board
Text & typeSee all →
Scramble text
ListsSee all →
Ranking tableTo-do listFAQ accordionSwipe cards
FeedbackSee all →
Feedback cardFeedback sheet
Menus & overlaysSee all →
Link previewInfo tooltipAccount menu

Feedback

Asking people what they think, at the right moment.

Feedback card
Feedback sheet

Playground

Component
Design system
Title
Description
Send label
Dismiss label
Thank-you stays (ms)5000
Comment limit280
import { FeedbackCard } from "@/components/feedback-card";

<FeedbackCard
  title="How’s your experience?"
  description="Rate your experience so far."
  submitLabel="Send feedback"
  dismissLabel="Not now"
  autoCloseMs={5000}
  maxLength={280}
  onSubmit={saveRating}
  onDismiss={snoozePrompt}
/>

How’s your experience?

Rate your experience so far.

Give feedback

How’s your experience?

Rate your experience so far.