• Calendar
  • Chat
  • POS
  • Email
  • Todo
    • English
    • Spanish
    • French
    • German
    • Italian

    Notifications

    /oscar

    Deja Brady sent you a friend request

    2 hours • Communication

    /oscar

    Jayvon Hull mentioned you in Minimal UI

    a day • Project UI

    @Jaydon Frankie feedback by asking questions or just leave a note of appreciation.
    /oscar

    Lainey Davidson added file to File manager

    2 days • File manager

    design.fig

    2.3 Mb

    /oscar

    Angelique Morse added new tags to File manager

    3 days • File manager

    Design Dashboard Design system
    /oscar

    Giana Brandt request a payment of $200

    4 days • File manager

    Recent Searches

    E-Commerce Dashboard Page Form Input Spin Demo Component

    Quick Navigation

    Calendar Apex Charts TanStack Tables Range Sliders

    Search Tips

    # to search for files (e.g. #report)
    ? to see help docs
    ↑↓ Navigate ↵ Select
    Search powered by Oscar
    Theme Customizer

    Customize layout & themes

    Sidenav View

    Choose sidenav layout style

    Display Mode
    Select Light or Dark
    Direction
    Select a direction
    Sidenav Color
    Select sidenav theme color
    Buy Now

    Collapse

    Basic Collapse

    Hide and reveal content areas using native HTML tabindex focus rules.

    How do I create an account?
    Click the "Sign Up" button in the top right corner and follow the registration process.

    With checkbox

    Toggle collapse states using a hidden checkbox to support click-to-open logic.

    How do I create an account?
    Click the "Sign Up" button in the top right corner and follow the registration process.

    With Icon

    Accompany collapse headers with arrow or plus indicator icons.

    With arrow Icon
    Collapse With the arrow Icon
    With Plus Icon
    Collapse With the Plus Icon

    Focus collapse

    Apply colored accent states to the panel when the collapse container gets focus.

    How do I create an account?
    Click the "Sign Up" button in the top right corner and follow the registration process.

    Button Logic

    Trigger collapse content transitions via a checkbox state connected to a label button.

    Technical Metadata

    This section is toggled via a hidden checkbox and the peer class. We use max-height transitions for smooth opening animations without layout shifts.