convex-feedback-ui 0.1.6 → 0.1.8

package/README.md

@@ -333,6 +333,14 @@ Web and native expose the same conceptual compounds:
 - `FeedbackForm.*`
 - `Comment.*`
 
+`FeedbackBoard.State` is the centered container used for loading and empty
+states. The prebuilt screen accepts optional `loading` and `emptyState` nodes.
+The loading node replaces the default loading indicator/copy; the empty-state
+node renders above the default empty-state message. Native implementations use
+`ActivityIndicator` by default when no loading node is supplied. `ChoiceChips` is the shared
+single-selection primitive used for entry kinds and the web/native board's
+Open/Closed filter.
+
 Example:
 
 ```tsx
@@ -356,6 +364,14 @@ Native primitives can also be composed directly:
 <FeedbackBoard.Root>
   <FeedbackBoard.Header>
     <FeedbackBoard.Title />
+    <ChoiceChips
+      options={[
+        { value: "open", label: "Open" },
+        { value: "closed", label: "Closed" },
+      ]}
+      value={status}
+      onValueChange={setStatus}
+    />
   </FeedbackBoard.Header>
 
   <FeedbackBoard.Search value={query} onValueChange={setQuery} />
@@ -401,6 +417,7 @@ Override only what you need:
     board: {
       title: "Produktfeedback",
       searchPlaceholder: "Feedback durchsuchen…",
+      statusFilter: "Status filtern",
     },
     comments: {
       viewReplies: (count) => `${count} Antworten anzeigen`,
@@ -411,6 +428,10 @@ Override only what you need:
 
 This is compatible with i18next, react-intl, Lingui, custom dictionaries, or plain static objects. Call your application's translation function when building the `messages` object.
 
+The board status filter uses `messages.statuses.open` and
+`messages.statuses.closed` for its two options, and
+`messages.board.statusFilter` for its accessible label.
+
 Precedence for copy is:
 
 ```text