stylesheets/codex/renderers/aspect_ratio library
Functions
-
renderCodexAspectRatio(
AspectRatioProps props) → Component - Renders a Codex aspect ratio container.
- arcane_jaspr package
- documentation
- stylesheets/codex/renderers/aspect_ratio.dart
arcane_jaspr package
- Libraries
- aliases
- arcane_jaspr
- component/auth/forgot_password_card
- component/auth/login_card
- component/auth/signup_card
- component/button/social_button
- component/card/author_card
- component/card/card
- component/card/card_section
- component/card/feature_card
- component/card/flexi_cards
- component/card/integration_card
- component/card/pricing_card
- component/card/stat_card
- component/card/surface_card
- component/card/testimonial_card
- component/collection/card_carousel
- component/collection/collection
- component/collection/infinite_carousel
- component/data/data_table
- component/data/static_table
- component/data/timeline
- component/data/tracker
- component/data/tree_view
- component/dialog/command
- component/dialog/confirm
- component/dialog/dialog
- component/dialog/input
- component/dialog/item_picker
- component/dialog/time
- component/dialog/toast
- component/dialog/toast_manager
- component/dialog/toast_types
- component/feedback/alert_banner
- component/feedback/loader
- component/feedback/status_badge
- component/feedback/tooltip
- component/form/auth/auth_button
- component/form/auth/auth_divider
- component/form/auth/auth_form_card
- component/form/auth/auth_input
- component/form/auth/auth_social_row
- component/form/field
- component/form/field_wrapper
- component/form/newsletter_form
- component/form/provider
- component/html/arcane_button
- component/html/arcane_cat_image
- component/html/arcane_image
- component/html/arcane_input
- component/html/arcane_label
- component/html/arcane_link
- component/html/arcane_span
- component/html/arcane_text
- component/html/code_block
- component/html/div
- component/html/footer
- component/html/header
- component/html/heading
- component/html/index
- component/html/lists
- component/html/main
- component/html/main_element
- component/html/nav
- component/html/paragraph
- component/html/quote
- component/html/section
- component/html/side_content
- component/html/svg
- component/html/table
- component/input/button
- component/input/calendar
- component/input/checkbox
- component/input/color_input
- component/input/combobox
- component/input/cycle_button
- component/input/date_picker
- component/input/datetime_picker
- component/input/fab
- component/input/file_upload
- component/input/formatted_input
- component/input/icon_button
- component/input/mutable_text
- component/input/mutable_text_types
- component/input/number_input
- component/input/otp_input
- component/input/radio_group
- component/input/search
- component/input/selector
- component/input/selector_types
- component/input/slider
- component/input/slider_types
- component/input/tag_input
- component/input/text_input
- component/input/time_picker
- component/input/toggle_group
- component/input/toggle_switch
- component/interactive/accordion
- component/interactive/back_to_top
- component/interactive/disclosure
- component/interactive/expander
- component/layout/aspect_ratio
- component/layout/auth_layout
- component/layout/auth_split_layout
- component/layout/button_panel
- component/layout/carpet
- component/layout/cta_banner
- component/layout/dashboard_layout
- component/layout/drawer
- component/layout/feature_showcase
- component/layout/flow
- component/layout/footer
- component/layout/footer_column
- component/layout/gutter
- component/layout/hero_section
- component/layout/logo_carousel
- component/layout/radio_cards
- component/layout/resizable
- component/layout/scroll_area
- component/layout/scroll_rail
- component/layout/section
- component/layout/section_header
- component/layout/sheet
- component/layout/sheet_types
- component/layout/tabs
- component/menu/context_menu
- component/menu/dropdown_menu
- component/menu/menubar
- component/navigation/bottom_navigation_bar
- component/navigation/breadcrumbs
- component/navigation/dot_indicator
- component/navigation/header
- component/navigation/mobile_menu
- component/navigation/pagination
- component/navigation/sidebar
- component/screen/chat_screen
- component/screen/fill_screen
- component/screen/navigation_screen
- component/screen/screen
- component/support/app
- component/typography/headline
- component/typography/text
- component/view/alert
- component/view/animated_counter
- component/view/arrow_link
- component/view/auth_branding_panel
- component/view/avatar
- component/view/badge
- component/view/bar
- component/view/callout
- component/view/center_body
- component/view/check_list
- component/view/chip
- component/view/code_snippet
- component/view/code_window
- component/view/divider
- component/view/empty_state
- component/view/fade_edge
- component/view/game_tile
- component/view/glass
- component/view/gradient_text
- component/view/hovercard
- component/view/icon
- component/view/kbd
- component/view/map/arcane_map
- component/view/map/map_data
- component/view/map/map_projection
- component/view/map/map_style
- component/view/map/paths/usa_paths
- component/view/map/paths/world_paths
- component/view/marquee
- component/view/meter
- component/view/popover
- component/view/progress_bar
- component/view/rating_stars
- component/view/separator
- component/view/settings_section
- component/view/skeleton
- component/view/slot_counter
- component/view/social_icons
- component/view/stat_display
- component/view/status_indicator
- component/view/stepper
- component/view/switcher
- component/view/tile
- core/props/accordion_props
- core/props/alert_banner_props
- core/props/alert_props
- core/props/animated_counter_props
- core/props/arrow_link_props
- core/props/aspect_ratio_props
- core/props/auth_branding_panel_props
- core/props/auth_layout_props
- core/props/auth_split_layout_props
- core/props/author_card_props
- core/props/avatar_props
- core/props/badge_props
- core/props/bar_props
- core/props/bottom_navigation_props
- core/props/breadcrumbs_props
- core/props/button_panel_props
- core/props/button_props
- core/props/calendar_props
- core/props/callout_props
- core/props/card_props
- core/props/card_section_props
- core/props/carpet_props
- core/props/center_body_props
- core/props/check_list_props
- core/props/checkbox_props
- core/props/chip_props
- core/props/code_snippet_props
- core/props/code_window_props
- core/props/color_input_props
- core/props/command_props
- core/props/confirm_dialog_props
- core/props/context_menu_props
- core/props/cta_banner_props
- core/props/cycle_button_props
- core/props/dashboard_layout_props
- core/props/data_table_props
- core/props/date_picker_props
- core/props/dialog_props
- core/props/disclosure_props
- core/props/divider_props
- core/props/dot_indicator_props
- core/props/drawer_props
- core/props/dropdown_menu_props
- core/props/empty_state_props
- core/props/expander_props
- core/props/fab_props
- core/props/fade_edge_props
- core/props/feature_card_props
- core/props/feature_showcase_props
- core/props/field_wrapper_props
- core/props/file_upload_props
- core/props/flexi_cards_props
- core/props/flow_props
- core/props/footer_column_props
- core/props/footer_props
- core/props/game_tile_props
- core/props/glass_props
- core/props/gradient_text_props
- core/props/gutter_props
- core/props/header_props
- core/props/hero_section_props
- core/props/hovercard_props
- core/props/icon_button_props
- core/props/input_dialog_props
- core/props/integration_card_props
- core/props/item_picker_props
- core/props/kbd_props
- core/props/loader_props
- core/props/logo_carousel_props
- core/props/marquee_props
- core/props/menu_item_props
- core/props/menubar_props
- core/props/meter_props
- core/props/mobile_menu_props
- core/props/newsletter_form_props
- core/props/number_input_props
- core/props/otp_input_props
- core/props/pagination_props
- core/props/popover_props
- core/props/pricing_card_props
- core/props/progress_props
- core/props/radio_cards_props
- core/props/radio_group_props
- core/props/rating_stars_props
- core/props/resizable_props
- core/props/scroll_area_props
- core/props/scroll_rail_props
- core/props/search_props
- core/props/section_header_props
- core/props/section_props
- core/props/select_props
- core/props/separator_props
- core/props/settings_section_props
- core/props/sidebar_props
- core/props/skeleton_props
- core/props/slider_props
- core/props/slot_counter_props
- core/props/social_icons_props
- core/props/stat_card_props
- core/props/stat_display_props
- core/props/static_table_props
- core/props/status_badge_props
- core/props/status_indicator_props
- core/props/stepper_props
- core/props/surface_card_props
- core/props/switcher_props
- core/props/tabs_props
- core/props/tag_input_props
- core/props/testimonial_card_props
- core/props/text_input_props
- core/props/tile_props
- core/props/time_dialog_props
- core/props/time_picker_props
- core/props/timeline_props
- core/props/toast_props
- core/props/toggle_group_props
- core/props/toggle_switch_props
- core/props/tooltip_props
- core/props/tracker_props
- core/props/tree_view_props
- core/renderers
- core/theme_provider
- provider/auth_guard
- provider/auth_guard_export
- provider/auth_guard_stub
- provider/auth_provider
- provider/auth_provider_export
- provider/auth_provider_stub
- service/auth_service
- service/auth_service_export
- service/auth_service_stub
- service/auth_state
- stylesheets/codex/codex_stylesheet
- stylesheets/codex/renderers/accordion
- stylesheets/codex/renderers/alert
- stylesheets/codex/renderers/alert_banner
- stylesheets/codex/renderers/animated_counter
- stylesheets/codex/renderers/arrow_link
- stylesheets/codex/renderers/aspect_ratio
- stylesheets/codex/renderers/auth_branding_panel
- stylesheets/codex/renderers/auth_layout
- stylesheets/codex/renderers/auth_split_layout
- stylesheets/codex/renderers/author_card
- stylesheets/codex/renderers/avatar
- stylesheets/codex/renderers/badge
- stylesheets/codex/renderers/bar
- stylesheets/codex/renderers/bottom_navigation
- stylesheets/codex/renderers/breadcrumbs
- stylesheets/codex/renderers/button
- stylesheets/codex/renderers/button_panel
- stylesheets/codex/renderers/calendar
- stylesheets/codex/renderers/callout
- stylesheets/codex/renderers/card
- stylesheets/codex/renderers/card_section
- stylesheets/codex/renderers/carpet
- stylesheets/codex/renderers/center_body
- stylesheets/codex/renderers/check_list
- stylesheets/codex/renderers/checkbox
- stylesheets/codex/renderers/chip
- stylesheets/codex/renderers/code_snippet
- stylesheets/codex/renderers/code_window
- stylesheets/codex/renderers/codex_renderers
- stylesheets/codex/renderers/color_input
- stylesheets/codex/renderers/command
- stylesheets/codex/renderers/confirm_dialog
- stylesheets/codex/renderers/context_menu
- stylesheets/codex/renderers/cta_banner
- stylesheets/codex/renderers/cycle_button
- stylesheets/codex/renderers/dashboard_layout
- stylesheets/codex/renderers/data_table
- stylesheets/codex/renderers/date_picker
- stylesheets/codex/renderers/dialog
- stylesheets/codex/renderers/disclosure
- stylesheets/codex/renderers/divider
- stylesheets/codex/renderers/dot_indicator
- stylesheets/codex/renderers/drawer
- stylesheets/codex/renderers/dropdown_menu
- stylesheets/codex/renderers/empty_state
- stylesheets/codex/renderers/expander
- stylesheets/codex/renderers/fab
- stylesheets/codex/renderers/fade_edge
- stylesheets/codex/renderers/feature_card
- stylesheets/codex/renderers/feature_showcase
- stylesheets/codex/renderers/field_wrapper
- stylesheets/codex/renderers/file_upload
- stylesheets/codex/renderers/flexi_cards
- stylesheets/codex/renderers/flow
- stylesheets/codex/renderers/footer
- stylesheets/codex/renderers/footer_column
- stylesheets/codex/renderers/form
- stylesheets/codex/renderers/game_tile
- stylesheets/codex/renderers/glass
- stylesheets/codex/renderers/gradient_text
- stylesheets/codex/renderers/gutter
- stylesheets/codex/renderers/header
- stylesheets/codex/renderers/hero_section
- stylesheets/codex/renderers/hovercard
- stylesheets/codex/renderers/icon_button
- stylesheets/codex/renderers/input_dialog
- stylesheets/codex/renderers/integration_card
- stylesheets/codex/renderers/item_picker
- stylesheets/codex/renderers/kbd
- stylesheets/codex/renderers/loader
- stylesheets/codex/renderers/logo_carousel
- stylesheets/codex/renderers/marquee
- stylesheets/codex/renderers/menubar
- stylesheets/codex/renderers/meter
- stylesheets/codex/renderers/mobile_menu
- stylesheets/codex/renderers/newsletter_form
- stylesheets/codex/renderers/number_input
- stylesheets/codex/renderers/otp_input
- stylesheets/codex/renderers/pagination
- stylesheets/codex/renderers/popover
- stylesheets/codex/renderers/pricing_card
- stylesheets/codex/renderers/progress
- stylesheets/codex/renderers/radio_cards
- stylesheets/codex/renderers/radio_group
- stylesheets/codex/renderers/rating_stars
- stylesheets/codex/renderers/resizable
- stylesheets/codex/renderers/scroll_area
- stylesheets/codex/renderers/scroll_rail
- stylesheets/codex/renderers/search
- stylesheets/codex/renderers/section
- stylesheets/codex/renderers/section_header
- stylesheets/codex/renderers/select
- stylesheets/codex/renderers/separator
- stylesheets/codex/renderers/settings_section
- stylesheets/codex/renderers/sidebar
- stylesheets/codex/renderers/skeleton
- stylesheets/codex/renderers/slider
- stylesheets/codex/renderers/slot_counter
- stylesheets/codex/renderers/social_icons
- stylesheets/codex/renderers/stat_card
- stylesheets/codex/renderers/stat_display
- stylesheets/codex/renderers/static_table
- stylesheets/codex/renderers/status_badge
- stylesheets/codex/renderers/status_indicator
- stylesheets/codex/renderers/stepper
- stylesheets/codex/renderers/surface_card
- stylesheets/codex/renderers/switcher
- stylesheets/codex/renderers/tabs
- stylesheets/codex/renderers/tag_input
- stylesheets/codex/renderers/testimonial_card
- stylesheets/codex/renderers/text_input
- stylesheets/codex/renderers/tile
- stylesheets/codex/renderers/time_dialog
- stylesheets/codex/renderers/time_picker
- stylesheets/codex/renderers/timeline
- stylesheets/codex/renderers/toast
- stylesheets/codex/renderers/toggle_group
- stylesheets/codex/renderers/toggle_switch
- stylesheets/codex/renderers/tooltip
- stylesheets/codex/renderers/tracker
- stylesheets/codex/renderers/tree_view
- stylesheets/shadcn/renderers/accordion
- stylesheets/shadcn/renderers/alert
- stylesheets/shadcn/renderers/alert_banner
- stylesheets/shadcn/renderers/animated_counter
- stylesheets/shadcn/renderers/arrow_link
- stylesheets/shadcn/renderers/aspect_ratio
- stylesheets/shadcn/renderers/auth_branding_panel
- stylesheets/shadcn/renderers/auth_layout
- stylesheets/shadcn/renderers/auth_split_layout
- stylesheets/shadcn/renderers/author_card
- stylesheets/shadcn/renderers/avatar
- stylesheets/shadcn/renderers/badge
- stylesheets/shadcn/renderers/bar
- stylesheets/shadcn/renderers/bottom_navigation
- stylesheets/shadcn/renderers/breadcrumbs
- stylesheets/shadcn/renderers/button
- stylesheets/shadcn/renderers/button_panel
- stylesheets/shadcn/renderers/calendar
- stylesheets/shadcn/renderers/callout
- stylesheets/shadcn/renderers/card
- stylesheets/shadcn/renderers/card_section
- stylesheets/shadcn/renderers/carpet
- stylesheets/shadcn/renderers/center_body
- stylesheets/shadcn/renderers/check_list
- stylesheets/shadcn/renderers/checkbox
- stylesheets/shadcn/renderers/chip
- stylesheets/shadcn/renderers/code_snippet
- stylesheets/shadcn/renderers/code_window
- stylesheets/shadcn/renderers/color_input
- stylesheets/shadcn/renderers/command
- stylesheets/shadcn/renderers/confirm_dialog
- stylesheets/shadcn/renderers/context_menu
- stylesheets/shadcn/renderers/cta_banner
- stylesheets/shadcn/renderers/cycle_button
- stylesheets/shadcn/renderers/dashboard_layout
- stylesheets/shadcn/renderers/data_table
- stylesheets/shadcn/renderers/date_picker
- stylesheets/shadcn/renderers/dialog
- stylesheets/shadcn/renderers/disclosure
- stylesheets/shadcn/renderers/divider
- stylesheets/shadcn/renderers/dot_indicator
- stylesheets/shadcn/renderers/drawer
- stylesheets/shadcn/renderers/dropdown_menu
- stylesheets/shadcn/renderers/empty_state
- stylesheets/shadcn/renderers/expander
- stylesheets/shadcn/renderers/fab
- stylesheets/shadcn/renderers/fade_edge
- stylesheets/shadcn/renderers/feature_card
- stylesheets/shadcn/renderers/feature_showcase
- stylesheets/shadcn/renderers/field_wrapper
- stylesheets/shadcn/renderers/file_upload
- stylesheets/shadcn/renderers/flexi_cards
- stylesheets/shadcn/renderers/flow
- stylesheets/shadcn/renderers/footer
- stylesheets/shadcn/renderers/footer_column
- stylesheets/shadcn/renderers/form
- stylesheets/shadcn/renderers/game_tile
- stylesheets/shadcn/renderers/glass
- stylesheets/shadcn/renderers/gradient_text
- stylesheets/shadcn/renderers/gutter
- stylesheets/shadcn/renderers/header
- stylesheets/shadcn/renderers/hero_section
- stylesheets/shadcn/renderers/hovercard
- stylesheets/shadcn/renderers/icon_button
- stylesheets/shadcn/renderers/input_dialog
- stylesheets/shadcn/renderers/integration_card
- stylesheets/shadcn/renderers/item_picker
- stylesheets/shadcn/renderers/kbd
- stylesheets/shadcn/renderers/loader
- stylesheets/shadcn/renderers/logo_carousel
- stylesheets/shadcn/renderers/marquee
- stylesheets/shadcn/renderers/menubar
- stylesheets/shadcn/renderers/meter
- stylesheets/shadcn/renderers/mobile_menu
- stylesheets/shadcn/renderers/newsletter_form
- stylesheets/shadcn/renderers/number_input
- stylesheets/shadcn/renderers/otp_input
- stylesheets/shadcn/renderers/pagination
- stylesheets/shadcn/renderers/popover
- stylesheets/shadcn/renderers/pricing_card
- stylesheets/shadcn/renderers/progress
- stylesheets/shadcn/renderers/radio_cards
- stylesheets/shadcn/renderers/radio_group
- stylesheets/shadcn/renderers/rating_stars
- stylesheets/shadcn/renderers/resizable
- stylesheets/shadcn/renderers/scroll_area
- stylesheets/shadcn/renderers/scroll_rail
- stylesheets/shadcn/renderers/search
- stylesheets/shadcn/renderers/section
- stylesheets/shadcn/renderers/section_header
- stylesheets/shadcn/renderers/select
- stylesheets/shadcn/renderers/separator
- stylesheets/shadcn/renderers/settings_section
- stylesheets/shadcn/renderers/shadcn_renderers
- stylesheets/shadcn/renderers/sidebar
- stylesheets/shadcn/renderers/skeleton
- stylesheets/shadcn/renderers/slider
- stylesheets/shadcn/renderers/slot_counter
- stylesheets/shadcn/renderers/social_icons
- stylesheets/shadcn/renderers/stat_card
- stylesheets/shadcn/renderers/stat_display
- stylesheets/shadcn/renderers/static_table
- stylesheets/shadcn/renderers/status_badge
- stylesheets/shadcn/renderers/status_indicator
- stylesheets/shadcn/renderers/stepper
- stylesheets/shadcn/renderers/surface_card
- stylesheets/shadcn/renderers/switcher
- stylesheets/shadcn/renderers/tabs
- stylesheets/shadcn/renderers/tag_input
- stylesheets/shadcn/renderers/testimonial_card
- stylesheets/shadcn/renderers/text_input
- stylesheets/shadcn/renderers/tile
- stylesheets/shadcn/renderers/time_dialog
- stylesheets/shadcn/renderers/time_picker
- stylesheets/shadcn/renderers/timeline
- stylesheets/shadcn/renderers/toast
- stylesheets/shadcn/renderers/toggle_group
- stylesheets/shadcn/renderers/toggle_switch
- stylesheets/shadcn/renderers/tooltip
- stylesheets/shadcn/renderers/tracker
- stylesheets/shadcn/renderers/tree_view
- stylesheets/shadcn/shadcn_stylesheet
- stylesheets/stylesheet
- theme/color_seed
- theme/css_generator
- theme/font_config
- theme/index
- theme/palette
- theme/palette_generator
- theme/radius_config
- util/appearance/colors
- util/arcane
- util/auth/password_policy
- util/design_tokens
- util/interactivity/arcane_scripts
- util/interactivity/scripts/button/button_feedback_scripts
- util/interactivity/scripts/button/button_scripts
- util/interactivity/scripts/button/copy_button_scripts
- util/interactivity/scripts/button/cycle_button_scripts
- util/interactivity/scripts/button/toggle_button_group_scripts
- util/interactivity/scripts/button/toggle_button_scripts
- util/interactivity/scripts/dialog/chat_scripts
- util/interactivity/scripts/dialog/dialog_scripts
- util/interactivity/scripts/dialog/drawer_scripts
- util/interactivity/scripts/dialog/email_dialog_scripts
- util/interactivity/scripts/dialog/item_picker_scripts
- util/interactivity/scripts/dialog/mobile_menu_scripts
- util/interactivity/scripts/dialog/modal_scripts
- util/interactivity/scripts/dialog/popover_scripts
- util/interactivity/scripts/dialog/sheet_scripts
- util/interactivity/scripts/dialog/time_dialog_scripts
- util/interactivity/scripts/dialog/toast_scripts
- util/interactivity/scripts/dialog/tooltip_scripts
- util/interactivity/scripts/input/calendar_scripts
- util/interactivity/scripts/input/checkbox_scripts
- util/interactivity/scripts/input/color_input_scripts
- util/interactivity/scripts/input/combobox_scripts
- util/interactivity/scripts/input/date_picker_scripts
- util/interactivity/scripts/input/file_upload_scripts
- util/interactivity/scripts/input/formatted_input_scripts
- util/interactivity/scripts/input/input_scripts
- util/interactivity/scripts/input/mutable_text_scripts
- util/interactivity/scripts/input/number_input_scripts
- util/interactivity/scripts/input/otp_input_scripts
- util/interactivity/scripts/input/radio_scripts
- util/interactivity/scripts/input/tag_input_scripts
- util/interactivity/scripts/input/time_picker_scripts
- util/interactivity/scripts/input/toggle_switch_scripts
- util/interactivity/scripts/navigation/accordion_scripts
- util/interactivity/scripts/navigation/back_to_top_scripts
- util/interactivity/scripts/navigation/chip_scripts
- util/interactivity/scripts/navigation/command_palette_scripts
- util/interactivity/scripts/navigation/context_menu_scripts
- util/interactivity/scripts/navigation/dot_indicator_scripts
- util/interactivity/scripts/navigation/dropdown_scripts
- util/interactivity/scripts/navigation/menubar_scripts
- util/interactivity/scripts/navigation/navigation_scripts
- util/interactivity/scripts/navigation/pagination_scripts
- util/interactivity/scripts/navigation/resizable_scripts
- util/interactivity/scripts/navigation/selector_scripts
- util/interactivity/scripts/navigation/steps_scripts
- util/interactivity/scripts/navigation/tabs_scripts
- util/interactivity/scripts/navigation/timeline_scripts
- util/interactivity/scripts/navigation/tracker_scripts
- util/interactivity/scripts/navigation/tree_view_scripts
- util/interactivity/scripts/scripts
- util/interactivity/scripts/slider_scripts
- util/interactivity/scripts/theme/rainbow_scripts
- util/interactivity/scripts/view/map_scripts
- util/interactivity/scripts/view/view_scripts
- util/style_types/arcane_color
- util/style_types/arcane_style_data
- util/style_types/borders
- util/style_types/colors
- util/style_types/effects
- util/style_types/index
- util/style_types/layout
- util/style_types/spacing
- util/style_types/style_presets
- util/style_types/typography