{
  "element": "nve-format-bytes",
  "entrypoint": "@nvidia-elements/core/format-bytes/format-bytes.examples.json",
  "items": [
    {
      "id": "format-bytes",
      "name": "Default",
      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes>1024</nve-format-bytes>\n  <nve-format-bytes>1048576</nve-format-bytes>\n  <nve-format-bytes>1073741824</nve-format-bytes>\n</div>\n",
      "summary": "Automatic decimal conversion for concise file sizes and storage metrics. The component selects the appropriate unit from the byte count.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "format-bytes-unit",
      "name": "Unit",
      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes unit=\"kb\">1048576</nve-format-bytes>\n  <nve-format-bytes unit=\"mb\">1048576</nve-format-bytes>\n  <nve-format-bytes unit=\"gb\">1048576</nve-format-bytes>\n</div>\n",
      "summary": "Forced unit magnitudes for comparing byte counts on a consistent scale. Use when values need the same unit across a table or chart.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "format-bytes-unit-display",
      "name": "UnitDisplay",
      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes unit-display=\"short\">1048576</nve-format-bytes>\n  <nve-format-bytes unit-display=\"long\">1048576</nve-format-bytes>\n  <nve-format-bytes display=\"binary\" unit-display=\"long\">1048576</nve-format-bytes>\n</div>\n",
      "summary": "Short and long unit labels for compact metrics or explanatory text. Long labels improve clarity when space allows.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "format-bytes-precision",
      "name": "Precision",
      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes maximum-fraction-digits=\"0\">1234567</nve-format-bytes>\n  <nve-format-bytes maximum-fraction-digits=\"2\">1234567</nve-format-bytes>\n  <nve-format-bytes minimum-fraction-digits=\"3\" maximum-fraction-digits=\"3\">1234567</nve-format-bytes>\n</div>\n",
      "summary": "Fraction digit controls for matching the precision of storage measurements. Use fixed digits when values must align visually.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "format-bytes-locale",
      "name": "Locale",
      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes locale=\"en-US\">1048576</nve-format-bytes>\n  <nve-format-bytes locale=\"de-DE\">1048576</nve-format-bytes>\n  <nve-format-bytes locale=\"fr-FR\">1048576</nve-format-bytes>\n</div>\n",
      "summary": "Explicit locale formatting for audiences whose numeric separators differ from the document language. Unit labels remain lowercase English.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "format-bytes-value",
      "name": "Value",
      "template": "<nve-format-bytes value=\"1048576\">1024</nve-format-bytes>\n",
      "summary": "Value attribute input for JavaScript or bound data. It takes precedence over text content while the text remains an SSR fallback.",
      "description": "",
      "composition": false,
      "tags": []
    },
    {
      "id": "format-bytes-display",
      "name": "Display",
      "template": "<div nve-layout=\"column gap:sm\">\n  <nve-format-bytes display=\"decimal\">1024</nve-format-bytes>\n  <nve-format-bytes display=\"binary\">1024</nve-format-bytes>\n</div>\n",
      "summary": "Decimal and binary conversion for matching SI or IEC storage conventions. Use the convention expected by the surrounding product.",
      "description": "",
      "composition": false,
      "tags": []
    }
  ]
}