Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Account Standing Account Block for Solid

An account standing panel with a good-standing headline, a derived line of warnings on record, the short list of rules accounts are held to, and a timeline of records each opening to what happened and what was decided, with an appeal field on the recent warning.

Framework
UI library

Preview

Preview width

Installation

Part of Pro
Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.
Have Pro already? Sign in to open it.Opens here as soon as you're Pro.

Overview

Tell people honestly where their account stands with this account standing panel for Solid with Ark UI. A compact header holds the title and one sentence with the as-of day. Inside a hairline frame a headline reads Good standing since 3 Mar 2024 over a line worked out from the records: warnings in 24 months, how many are active, no suspensions. Under it the rules accounts are held to are a short numbered list, and the records are a timeline of entries, each a Collapsible that opens to what happened and what was decided. The recent warning offers Appeal this decision, which opens a Field with a Textarea and a Send appeal button that notes the appeal in the page. There are no points and no tiers. It is built from Collapsible, Field, Textarea, Badge, Button and Guides, with a CSS entrance only. For the account page of a marketplace or community that moderates.

FAQ

How do I show my own records?

Edit ENTRIES, newest first: an ISO when, a title, happened, decision, an optional resolved day (an empty string while open), whether it is a warning and whether it can be appealed. SINCE is the day the account opened and AS_OF is the day the page is read as of. Edit RULES for your own rules.

How is the standing line worked out?

From the entries: warnings recorded within 730 days of the as-of day, and of those how many have no resolved day. With none active the headline says Good standing; otherwise Under review. Nothing is typed twice, so adding a record changes the headline and the line.

How does the appeal work?

Appeal this decision opens a field below the entry and moves focus to it. Send appeal needs at least 20 characters and otherwise says so under the field and keeps focus there. A valid appeal closes the field, changes the button to Appeal noted, writes a sentence in place and updates the status line. The space for that sentence is reserved, so nothing moves.

What stays local in the demo?

The appeal. It is kept in the page's state and says plainly that nothing was sent. In your app post it to your appeals queue in send and show the case number it returns.

Is it accessible?

Each entry is a heading holding a disclosure button, the open state is reported, and the field has a visible label and an invalid state. The sent confirmation takes focus so it is read. The Collapsible is controlled with its open state.

How does it look on a phone?

Records stack, their dates sit under the titles, and an open entry puts each label above its text. The appeal buttons wrap.