{
  "feed_url": "https://docs.skeletonic.com/feed.json",
  "home_page_url": "https://docs.skeletonic.com/",
  "items": [
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "All 40 Skeletonic Stylus primitives, each with a live example and copyable markup.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/",
      "language": "en-GB",
      "tags": [],
      "title": "Components — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Disclosure built on native details and summary.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/accordion/",
      "language": "en-GB",
      "tags": [],
      "title": "Accordion — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/accordion/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Interrupts to confirm something destructive.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/alert-dialog/",
      "language": "en-GB",
      "tags": [],
      "title": "Alert dialog — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/alert-dialog/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Inline banner for status that stays on the page.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/alert/",
      "language": "en-GB",
      "tags": [],
      "title": "Alert — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/alert/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Ratio-locked container that never reflows as media loads.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/aspect-ratio/",
      "language": "en-GB",
      "tags": [],
      "title": "Aspect ratio — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/aspect-ratio/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Portraits, initials fallbacks, presence and stacked groups.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/avatar/",
      "language": "en-GB",
      "tags": [],
      "title": "Avatar — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/avatar/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Compact status label.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/badge/",
      "language": "en-GB",
      "tags": [],
      "title": "Badge — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/badge/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Semantic wayfinding with a slash or chevron separator.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/breadcrumb/",
      "language": "en-GB",
      "tags": [],
      "title": "Breadcrumb — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/breadcrumb/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Connected buttons that read as one control.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/button-group/",
      "language": "en-GB",
      "tags": [],
      "title": "Button group — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/button-group/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "The button element, in three weights and the status colours.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/button/",
      "language": "en-GB",
      "tags": [],
      "title": "Button — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/button/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Surface with a header, body and footer.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/card/",
      "language": "en-GB",
      "tags": [],
      "title": "Card — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/card/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Scroll-snap carousel in pure CSS.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/carousel/",
      "language": "en-GB",
      "tags": [],
      "title": "Carousel — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/carousel/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Accessible checkboxes with a custom mark and an indeterminate state.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/checkbox/",
      "language": "en-GB",
      "tags": [],
      "title": "Checkbox — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/checkbox/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Copy-to-clipboard affordance for a code block.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/clipboard/",
      "language": "en-GB",
      "tags": [],
      "title": "Clipboard — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/clipboard/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Inline code and preformatted blocks, with status variants.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/code/",
      "language": "en-GB",
      "tags": [],
      "title": "Code — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/code/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "A single disclosure, built on native details.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/collapsible/",
      "language": "en-GB",
      "tags": [],
      "title": "Collapsible — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/collapsible/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Grouped search results with shortcut hints.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/command/",
      "language": "en-GB",
      "tags": [],
      "title": "Command palette — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/command/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Horizontal rules in several treatments.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/divider/",
      "language": "en-GB",
      "tags": [],
      "title": "Divider — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/divider/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "A menu built on the same native popover primitive.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/dropdown/",
      "language": "en-GB",
      "tags": [],
      "title": "Dropdown — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/dropdown/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "The zero-data screen, with room for a recovery action.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/empty/",
      "language": "en-GB",
      "tags": [],
      "title": "Empty state — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/empty/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Groups related controls under one legend.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/fieldset/",
      "language": "en-GB",
      "tags": [],
      "title": "Fieldset — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/fieldset/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Text inputs and textareas, with validation colours.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/form/",
      "language": "en-GB",
      "tags": [],
      "title": "Input and textarea — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/form/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "The typographic scale applied to h1–h6.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/header/",
      "language": "en-GB",
      "tags": [],
      "title": "Headings — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/header/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Richer preview panel revealed on hover or focus-within.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/hover-card/",
      "language": "en-GB",
      "tags": [],
      "title": "Hover card — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/hover-card/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Images are responsive by default.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/image/",
      "language": "en-GB",
      "tags": [],
      "title": "Image — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/image/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Segmented one-time-password entry with a blinking caret.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/input-otp/",
      "language": "en-GB",
      "tags": [],
      "title": "Input OTP — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/input-otp/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "A list row: media, text, and a trailing value.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/item/",
      "language": "en-GB",
      "tags": [],
      "title": "Item — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/item/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Inline keyboard shortcuts with a tactile border.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/kbd/",
      "language": "en-GB",
      "tags": [],
      "title": "Keyboard key — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/kbd/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "The form label, tied to its control.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/label/",
      "language": "en-GB",
      "tags": [],
      "title": "Label — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/label/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Anchors, with optional hover effects.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/link/",
      "language": "en-GB",
      "tags": [],
      "title": "Link — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/link/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Ordered and unordered lists with marker variants.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/list/",
      "language": "en-GB",
      "tags": [],
      "title": "List — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/list/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Spinner for waits of unknown length.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/loader/",
      "language": "en-GB",
      "tags": [],
      "title": "Loader — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/loader/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "A row of menus, each a native disclosure.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/menubar/",
      "language": "en-GB",
      "tags": [],
      "title": "Menubar — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/menubar/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Native top-layer dialog with a backdrop.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/modal/",
      "language": "en-GB",
      "tags": [],
      "title": "Modal — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/modal/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Sticky application bar with a scroll-driven shadow.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/navbar/",
      "language": "en-GB",
      "tags": [],
      "title": "Navbar — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/navbar/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Page controls with an ellipsis for elided ranges.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/pagination/",
      "language": "en-GB",
      "tags": [],
      "title": "Pagination — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/pagination/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Native [popover] surface — no positioning library, no script.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/popover/",
      "language": "en-GB",
      "tags": [],
      "title": "Popover — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/popover/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Determinate progress with status colours.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/progress/",
      "language": "en-GB",
      "tags": [],
      "title": "Progress — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/progress/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Custom radio controls in a column or a row.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/radio-group/",
      "language": "en-GB",
      "tags": [],
      "title": "Radio group — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/radio-group/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Bounded scroller with a thin custom scrollbar.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/scroll-area/",
      "language": "en-GB",
      "tags": [],
      "title": "Scroll area — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/scroll-area/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "The native select, with the chevron drawn on a wrapper.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/select/",
      "language": "en-GB",
      "tags": [],
      "title": "Select — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/select/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Horizontal or vertical divider, optionally labelled.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/separator/",
      "language": "en-GB",
      "tags": [],
      "title": "Separator — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/separator/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Dialog that slides in from an edge.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/sheet/",
      "language": "en-GB",
      "tags": [],
      "title": "Sheet — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/sheet/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "An application rail that goes off-canvas on a phone.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/sidebar/",
      "language": "en-GB",
      "tags": [],
      "title": "Sidebar — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/sidebar/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Placeholder blocks for content whose layout is already known.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/skeleton/",
      "language": "en-GB",
      "tags": [],
      "title": "Skeleton — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/skeleton/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Native range input with a 24px target area.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/slider/",
      "language": "en-GB",
      "tags": [],
      "title": "Slider — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/slider/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Sliding on/off control for settings that apply immediately.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/switch/",
      "language": "en-GB",
      "tags": [],
      "title": "Switch — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/switch/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Data tables, styled without a class.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/table/",
      "language": "en-GB",
      "tags": [],
      "title": "Table — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/table/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Tab list with a pill or underline treatment.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/tabs/",
      "language": "en-GB",
      "tags": [],
      "title": "Tabs — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/tabs/"
    },
    {
      "authors": [
        {
          "name": "Sebastien Rousseau"
        }
      ],
      "content_html": "Transient notification with a title and description.",
      "date_modified": "",
      "date_published": "",
      "id": "https://docs.skeletonic.com/components/toast/",
      "language": "en-GB",
      "tags": [],
      "title": "Toast — Skeletonic Stylus",
      "url": "https://docs.skeletonic.com/components/toast/"
    }
  ],
  "language": "en-GB",
  "title": "Skeletonic Stylus",
  "version": "https://jsonfeed.org/version/1.1"
}