Documentation
Rendered straight from the DSDS entities in dsds/ — the same files agents read. Components graduate from draft to stable when their page renders here with full docs.
Button draftTriggering an action in the current view: start playback, submit a form, confirm a dialog.Link draftNavigating: to a series page, an episode, settings, anywhere the URL changes.Spinner draftIndeterminate waits under a few seconds: a panel fetching, a button submitting.Tag draftRead-only metadata on media: Sub | Dub, HD, 78 Videos, Mature, release dates.Badge draftApplied filters, selected values, removable selections — chips the user manipulates.Tooltip draftNaming an icon-only control or adding a short clarification on hover/focus.Checkbox draftIndependent yes/no choices, alone or in lists; deferred until a submit.Radio draftOne choice among 2-5 visible options (audio language, video quality).Switch draftSettings that apply the moment they flip: autoplay, subtitles, mature filter.Input draftSingle-line text entry: email, username, list names.FormField draftAny control that needs guidance below it, or an error message when invalid.PasswordInput draftSearchInput draftMeter draftSelect draftSingle choice among options that fit a native menu: sort order, language, quality.MenuItem draftFigma onlyTabs draftSwitching views of the same subject: Episodes / Details / Related.Toast draftTransient confirmation of an action just taken: added to Crunchylist, removed, saved.Banner draftPersistent account or availability information: unverified email, region restrictions.Modal draftFocused work that blocks the page: pickers, forms, confirmations.ConfirmDialog draftDestructive or costly decisions that deserve a pause: remove a list, cancel membership.Avatar draftEmptyState draftActionListItem draftCollapsibleText draftStarRating draftRatingSummary draftPageHeader draftSectionHeader draftTable draftSpec lists (Publisher, Audio languages) and order summaries — label/value pairs with dividers.FilterBar draftMediaCard draftAny landscape media entry: episode grids, history, watchlist, search results, release-calendar rows. Context lives in data (thumbnail state, meta line, trailing actions), never in new variants.PosterCard draftSeries and movie browsing where 2:3 key art is the identity: catalog grids, search, manga tall cards, crunchylist entries.NewsCard draftEditorial articles: news hubs, latest-news rails (stack), top-news lists (row).PromoCard draftEditorial spotlights: a series pitched with poster, description, and direct CTAs (home rails, campaign shelves).Sheet draftTouch-first previews and quick actions anchored to the bottom edge — the tap equivalent of the cards' hover detail panel.Carousel draftHorizontal card rails: series rows, episode rows, manga rows, news rails. The cards in the slot decide the rail's look.HeroCarousel draftThe page-top billboard: full-bleed key art, logo, meta, description, CTAs, slide tabs.VideoPlayer draftThe player shell: media, top controls, center touch cluster, skip-intro chip, overlay slot for gates and status.PlayerControls draftThe bottom control bar (the old CR layout): play cluster left, settings/fullscreen right, progress row beneath, on an upward legibility gradient. AdControls is the reduced strip during ads.PlayerProgressBar draftSeek bar: accent elapsed, white-alpha buffered and track, optional ad-break ticks.PlayerMenu draftThe in-player settings panel: main menu of value rows, drilling into radio submenus (audio, subtitles, quality, speed).PlayerGate draftBlocking gates (dub unavailable, stream limit, premium) and centered status overlays (error, mature, coming soon, unavailable) inside the player.NotificationBadge draftUnread markers on header icons and menu rows: a count pill or a bare dot.AppHeader draftThe site bar: logo, primary nav links, search/watchlist/account cluster. Premium members get no upsell; free users get the crown chip (Try free / Go per trial eligibility); logged-out keeps the crown chip and the placeholder account trigger — there is no separate Log in button in the reference.UserMenu draftThe menu under AppHeader's account trigger. Sessions: Premium (no CTA), Free Trial (14-day pill), Go Premium (trial used), Logged Out (two-line rows + CTA).Figma onlyMegaMenu draftThe Categories panel under AppHeader: browse column (Browse All A–Z, Release Calendar, Music Videos & Concerts) + the genre grid.Figma onlyAppFooter draftThe site footer: brand column (logo, blurb, social marks, language Select), link columns, legal band.RatingMark draftRegional age-rating marks on posters, thumbnails, hero meta, and the player — dropped into Label slots.Loading skeletons stableContent that is genuinely async: media cards while the catalog loads, the header while the session resolves, footer socials before hydration.Figma onlyContributing stableHow a component enters the system, earns stable, and leaves it: a lightweight RFC, one whole landing, the automated reviewer, and graduation by the status field.Figma only