Updating the Library
Learn how to maintain, update, and version the Chassis Figma library, including best practices for managing changes, publishing updates, and communicating with your design team.
Accordion
Collapsible content sections that organize and display information in a space-efficient vertical layout, allowing users to expand and collapse panels to reveal or hide content.
Alert
Prominent notification components that draw user attention to important messages, warnings, or time-sensitive information requiring immediate awareness or action.
Badge
Small status indicators and labels that display concise information such as counts, categories, or brief descriptive text adjacent to other UI elements.
Breadcrumb
Navigation components that display the current page location within the site hierarchy, enabling users to understand their position and navigate to parent pages.
Button Group
Collections of related buttons organized into cohesive sets, providing users with multiple related action options in a single component.
Button Link
Link-styled interactive elements that combine button functionality with hyperlink visual presentation for consistent inline action and navigation triggers.
Button Outline
Interactive elements with outlined styling that create subtle visual hierarchy and clear action affordance for primary and contextual user interactions.
Button Smooth
Interactive elements with smooth styling that create subtle visual hierarchy and clear action affordance for secondary and contextual user interactions.
Button Solid
Interactive elements that trigger actions, submit forms, or navigate users to different pages when clicked or tapped.
Card
Container components that group related content and actions about a single subject, presenting information in scannable, visually distinct blocks.
Carousel
Slideshow components that cycle through multiple pieces of content such as images or cards in a rotating display format.
Chart
Data visualization components that represent information graphically through various chart types like bar, line, pie, and donut charts.
Chip
Compact elements representing input, attributes, or actions, often used for tags, filters, or selections that can be added or removed.
Close Button
Interactive icon elements that dismiss or close content when activated, featuring contextual visual styling and state-based interaction feedback.
Comment
User-generated content components that display feedback, discussions, or conversational threads with author information and timestamps.
Date Picker
Input components that provide a calendar interface for users to select dates, date ranges, or specific time periods.
Dropdown
Menu components that reveal a list of options or actions when activated, allowing users to select from multiple choices in a compact space.
Floating Button
Persistent action buttons that remain visible and accessible, typically positioned in a fixed location as users scroll through content.
Form Check
Selection controls including checkboxes and radio buttons that allow users to make binary choices or select from predefined options.
Form Floating
Individual input elements that capture user data through different input methods and visual states with modern floating label styling.
Form Outline
Outlined input field styling with border emphasis and integrated label positioning, providing strong visual definition and material design pattern support.
Form Regular
Text input fields that enable users to enter and edit data such as names, emails, passwords, or other textual information.
List
Components that display collections of related items in a structured, scannable format with consistent styling and spacing.
Message
Contextual feedback components that communicate information, success confirmations, warnings, or errors to users in response to their actions.
Mobile Alert
Mobile-optimized notification components designed specifically for smaller screens, displaying important messages and alerts on mobile devices.
Mobile Nav Bottom
Bottom navigation bars for mobile interfaces, providing primary navigation options in thumb-friendly locations at the bottom of the screen.
Mobile Nav Top
Top navigation bars for mobile interfaces, typically containing branding, page titles, and essential navigation or action controls.
Modal
Dialog components that overlay the main content, focusing user attention on critical information or tasks that require interaction before returning to the main interface.
Navbar
Primary navigation components positioned at the top of pages, containing site branding and main navigation links.
Notification
Temporary messages that inform users about system events, updates, or changes, typically appearing as toast messages or banner alerts.
Pagination
Navigation controls that divide content across multiple pages, allowing users to browse through large datasets or content collections sequentially.
Progress
Visual indicators that show the completion status of tasks, loading states, or multi-step processes.
Section
Structural components that divide page content into thematically related areas, providing clear visual separation and content organization.
Story
Full-screen, immersive components that present sequential narrative content, typically featuring images or videos with interactive navigation.
Tab
Navigation components that organize content into multiple panels, with only one panel visible at a time, allowing users to switch between related content sections.
Table
Structured data displays that organize information into rows and columns, enabling users to scan, sort, and analyze tabular data.
Tooltip
Small informational popups that appear on hover or focus, providing additional context, help text, or descriptions for UI elements.