Questions

@sushindustries/ui

The questions a page expects to be asked, written beside the prose that provokes them and answerable in place.

6 min read
View as MarkdownEdit on GitHub

Install commands are on Home, attached from the registry - they are not written here, because a second copy is a copy that goes stale. This tab starts after the install worked.

Use it

import { Questions } from "@sushindustries/ui";

export function Help() {
	return (
		<Questions
			heading="Common questions"
			questions={[
				"How do I install a component?",
				"Do I need the whole library?",
			]}
		/>
	);
}
tsx

What you should see

A heading followed by a list of the questions, each rendered as plain text - this example has no onAsk, so nothing is clickable. Pass onAsk and the same questions become buttons.

If nothing happens

An empty questionsQuestionsThe questions a page expects to be asked. Given an onAsk, each one is a button that puts itself to an assistant; without it, a plain list.@sushindustries/ui · content array renders nothing at all, heading included - that's deliberate, not a bug. If the heading shows but the list doesn't look like buttons, check whether onAsk is actually being passed; without it the items are <span>s by design.