{
    "componentChunkName": "component---src-layouts-rails-component-layout-tsx",
    "path": "/components/relative-time/rails/beta",
    "result": {"data":{"primerRailsVersion":{"version":"0.24.1"},"sitePage":{"path":"/components/relative-time","context":{"frontmatter":{"title":"Relative time","description":"Relative time displays time in a way that is clear, concise, and accessible.","reactId":"relative_time","railsIds":["Primer::Beta::RelativeTime"],"figmaId":null,"cssId":null}}},"allRailsComponent":{"nodes":[{"railsId":"Primer::Alpha::ActionBar","status":"alpha"},{"railsId":"Primer::Alpha::ActionList","status":"alpha"},{"railsId":"Primer::Alpha::ActionMenu","status":"alpha"},{"railsId":"Primer::Alpha::AutoComplete","status":"deprecated"},{"railsId":"Primer::Alpha::Banner","status":"alpha"},{"railsId":"Primer::Alpha::ButtonMarketing","status":"alpha"},{"railsId":"Primer::Alpha::CheckBox","status":"alpha"},{"railsId":"Primer::Alpha::CheckBoxGroup","status":"alpha"},{"railsId":"Primer::Alpha::Dialog","status":"alpha"},{"railsId":"Primer::Alpha::Dropdown","status":"alpha"},{"railsId":"Primer::Alpha::FormButton","status":"alpha"},{"railsId":"Primer::Alpha::FormControl","status":"alpha"},{"railsId":"Primer::Alpha::HellipButton","status":"alpha"},{"railsId":"Primer::Alpha::HiddenTextExpander","status":"alpha"},{"railsId":"Primer::Alpha::Image","status":"alpha"},{"railsId":"Primer::Alpha::ImageCrop","status":"alpha"},{"railsId":"Primer::Alpha::Layout","status":"alpha"},{"railsId":"Primer::Alpha::Menu","status":"alpha"},{"railsId":"Primer::Alpha::MultiInput","status":"alpha"},{"railsId":"Primer::Alpha::NavList","status":"deprecated"},{"railsId":"Primer::Alpha::Navigation::Tab","status":"alpha"},{"railsId":"Primer::Alpha::OcticonSymbols","status":"alpha"},{"railsId":"Primer::Alpha::Overlay","status":"alpha"},{"railsId":"Primer::Alpha::RadioButton","status":"alpha"},{"railsId":"Primer::Alpha::RadioButtonGroup","status":"alpha"},{"railsId":"Primer::Alpha::SegmentedControl","status":"alpha"},{"railsId":"Primer::Alpha::Select","status":"alpha"},{"railsId":"Primer::Alpha::SubmitButton","status":"alpha"},{"railsId":"Primer::Alpha::TabContainer","status":"alpha"},{"railsId":"Primer::Alpha::TabNav","status":"alpha"},{"railsId":"Primer::Alpha::TabPanels","status":"alpha"},{"railsId":"Primer::Alpha::TextArea","status":"alpha"},{"railsId":"Primer::Alpha::TextField","status":"alpha"},{"railsId":"Primer::Alpha::ToggleSwitch","status":"alpha"},{"railsId":"Primer::Alpha::Tooltip","status":"alpha"},{"railsId":"Primer::Alpha::UnderlineNav","status":"alpha"},{"railsId":"Primer::Alpha::UnderlinePanels","status":"alpha"},{"railsId":"Primer::Beta::AutoComplete","status":"beta"},{"railsId":"Primer::Beta::Avatar","status":"beta"},{"railsId":"Primer::Beta::AvatarStack","status":"beta"},{"railsId":"Primer::Beta::BaseButton","status":"beta"},{"railsId":"Primer::Beta::Blankslate","status":"beta"},{"railsId":"Primer::Beta::BorderBox","status":"beta"},{"railsId":"Primer::Beta::Breadcrumbs","status":"beta"},{"railsId":"Primer::Beta::Button","status":"beta"},{"railsId":"Primer::Beta::ButtonGroup","status":"beta"},{"railsId":"Primer::Beta::ClipboardCopy","status":"beta"},{"railsId":"Primer::Beta::ClipboardCopyBaseButton","status":"beta"},{"railsId":"Primer::Beta::ClipboardCopyButton","status":"beta"},{"railsId":"Primer::Beta::CloseButton","status":"beta"},{"railsId":"Primer::Beta::Counter","status":"beta"},{"railsId":"Primer::Beta::Details","status":"beta"},{"railsId":"Primer::Beta::Flash","status":"deprecated"},{"railsId":"Primer::Beta::Heading","status":"beta"},{"railsId":"Primer::Beta::IconButton","status":"beta"},{"railsId":"Primer::Beta::Label","status":"beta"},{"railsId":"Primer::Beta::Link","status":"beta"},{"railsId":"Primer::Beta::Markdown","status":"beta"},{"railsId":"Primer::Beta::NavList","status":"beta"},{"railsId":"Primer::Beta::Octicon","status":"beta"},{"railsId":"Primer::Beta::Popover","status":"beta"},{"railsId":"Primer::Beta::ProgressBar","status":"beta"},{"railsId":"Primer::Beta::RelativeTime","status":"beta"},{"railsId":"Primer::Beta::Spinner","status":"beta"},{"railsId":"Primer::Beta::State","status":"beta"},{"railsId":"Primer::Beta::Subhead","status":"beta"},{"railsId":"Primer::Beta::Text","status":"beta"},{"railsId":"Primer::Beta::TimelineItem","status":"beta"},{"railsId":"Primer::Beta::Truncate","status":"beta"},{"railsId":"Primer::BlankslateComponent","status":"deprecated"},{"railsId":"Primer::Box","status":"stable"},{"railsId":"Primer::ButtonComponent","status":"deprecated"},{"railsId":"Primer::ConditionalWrapper","status":"alpha"},{"railsId":"Primer::Content","status":"stable"},{"railsId":"Primer::IconButton","status":"deprecated"},{"railsId":"Primer::LayoutComponent","status":"deprecated"},{"railsId":"Primer::Navigation::TabComponent","status":"deprecated"},{"railsId":"Primer::Tooltip","status":"deprecated"},{"railsId":"Primer::Truncate","status":"deprecated"},{"railsId":"Primer::BaseComponent","status":null}]},"railsComponent":{"name":"RelativeTime","railsId":"Primer::Beta::RelativeTime","description":"Formats a timestamp as a localized string or as relative text that auto-updates in the user's browser.","status":"beta","a11y_reviewed":false,"short_name":"RelativeTime","is_form_component":false,"accessibility_docs":null,"props":[{"name":"datetime","type":"Time","description":"The time to be formatted.","default":"N/A"},{"name":"tense","type":"Symbol","description":"Which tense to use. One of `:auto`, `:future`, or `:past`.","default":"`:auto`"},{"name":"prefix","type":"sring","description":"What to prefix the relative ime display with.","default":"`nil`"},{"name":"second","type":"Symbol","description":"What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`.","default":"`SECOND_DEFAULT`"},{"name":"minute","type":"Symbol","description":"What format minues should take. One of `nil`, `:numeric`, or `:two_digit`.","default":"`MINUTE_DEFAULT`"},{"name":"hour","type":"Symbol","description":"What format hours should take. One of `nil`, `:numeric`, or `:two_digit`.","default":"`HOUR_DEFAULT`"},{"name":"weekday","type":"Symbol","description":"What format weekdays should take. One of `nil`, `:long`, `:narrow`, or `:short`.","default":"`WEEKDAY_DEFAULT`"},{"name":"day","type":"Symbol","description":"What format days should take. One of `nil`, `:numeric`, or `:two_digit`.","default":"`DAY_DEFAULT`"},{"name":"month","type":"Symbol","description":"What format months should take. One of `nil`, `:long`, `:narrow`, `:numeric`, `:short`, or `:two_digit`.","default":"`MONTH_DEFAULT`"},{"name":"year","type":"Symbol","description":"What format years should take. One of `nil`, `:numeric`, or `:two_digit`.","default":"`YEAR_DEFAULT`"},{"name":"time_zone_name","type":"Symbol","description":"What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`.","default":"`TIMEZONENAME_DEFAULT`"},{"name":"threshold","type":"string","description":"The threshold, in ISO-8601 'durations' format, at which relative time displays become absolute.","default":"`nil`"},{"name":"precision","type":"Symbol","description":"The precision elapsed time should display. One of `nil`, `:day`, `:hour`, `:minute`, `:month`, `:second`, or `:year`.","default":"`PRECISION_DEFAULT`"},{"name":"format","type":"Symbol","description":"The format the display should take. One of `:auto`, `:elapsed`, or `:micro`.","default":"`nil`"},{"name":"format_style","type":"Symbol","description":"The format the display should take. One of `nil`, `:long`, `:narrow`, or `:short`.","default":"`nil`"},{"name":"lang","type":"string","description":"The language to use.","default":"`nil`"},{"name":"title","type":"string","description":"Provide a custom title to the element.","default":"`nil`"},{"name":"system_arguments","type":"Hash","description":"{{link_to_system_arguments_docs}}","default":"N/A"}],"slots":[],"methods":[],"previews":[{"name":"playground","preview_path":"primer/beta/relative_time/playground"},{"name":"default","preview_path":"primer/beta/relative_time/default"},{"name":"micro_format","preview_path":"primer/beta/relative_time/micro_format"},{"name":"recent_time","preview_path":"primer/beta/relative_time/recent_time"},{"name":"count_down_timer","preview_path":"primer/beta/relative_time/count_down_timer"}],"subcomponents":[]}},"pageContext":{"componentId":"Primer::Beta::RelativeTime","parentPath":"/components/relative-time"}},
    "staticQueryHashes": ["1056354862","2102389209","2745756513","2790671566","2939673985","3235046957","3907230164"]}