👩‍💻
Builder Portal
  • Sovryn Builder Portal
    • Contribution
  • Design System
    • Design principles
    • Structure
    • Usage by Sovryn
  • UI Library
    • Overview
    • Getting Started
    • Atoms
      • Accordion
      • Badge
      • HealthBar
      • Button
      • DynamicValue
      • Heading
      • ErrorBadge
      • Icon
      • Input
      • Lottie
      • Paragraph
      • Toggle
      • Link
      • Checkbox
    • Molecules
      • AmountInput
      • ContextLink
      • Dialog
      • Dropdown
      • ErrorList
      • Footer
      • FormGroup
      • Header
      • HelperButton
      • Menu
      • NavMenuItem
      • Notification
      • Overlay
      • Pagination
      • RadioButton
      • RadioButtonGroup
      • Select
      • SimpleTable
      • StatusItem
      • Table
      • TableBase
      • Tabs
      • Tooltip
      • TransactionId
      • VerticalTabs
      • VerticalTabsMobile
      • WalletContainer
      • WalletIdentity
    • Working with Components
    • Links
    • Contribution
  • Sovryn SDK
    • Smart Router
      • Creating a New Swap Route
      • Available routes
        • AMM
        • MoC integration
        • MYNT bAsset
        • MYNT fixed rate
    • Sovryn Onboard
      • Installation
      • Usage
      • Custom Connectors
      • Custom UI
      • Contribution
    • The Graph
      • Overview
      • Usage
      • Sovryn Subgraphs
      • Advanced Usage
  • sovryn.app
    • Overview
    • Sovryn UI Library Usage
    • The Graph Usage
    • Links
    • Contribution
    • Dapp specific components
      • MaxButton
  • Smart Contracts
    • Overview
    • AMM
      • Liquidity
        • V1 Converters
        • V2 Converters
      • Conversion
      • Wrapper
        • V1 liquidity
        • V2 liquidity
        • Swaps
    • Sovryn Protocol
      • Lending
        • Mint
        • Burn
      • Borrowing
        • Borrow
        • Repay
      • Margin Trading
        • Open
        • Close
      • Collateral Management
    • Liquidity Mining
      • Deposit
      • Withdraw
      • Rewards
    • FastBTC
      • RSK->BTC
    • Bitocracy
      • Staking
      • Governor
      • Fee Sharing
      • Vesting
    • Zero
      • Borrower operations
      • Trove Manager
      • Satability Pool
      • Rewards
    • Mynt & DLLR
      • Basset to Masset Conversion
      • Masset to Basset Conversion
      • MOC Integration Conversion
Powered by GitBook
On this page
  • Sovryn UI Library Overview
  • Features
  • Documentation
  • Support
  1. UI Library

Overview

PreviousUsage by SovrynNextGetting Started

Last updated 1 year ago

Sovryn UI Library Overview

The Sovryn UI Library is a comprehensive collection of reusable components and styles designed to enhance the user interface (UI) development process. It provides a set of pre-built UI elements, including buttons, forms, modals, and more, that are designed to be consistent, user-friendly, and visually appealing.

Features

  • Consistent Design: The Sovryn UI Library follows a cohesive and consistent design language, ensuring that all components have a unified look and feel across Sovryn applications. This consistency helps create a seamless user experience.

  • Responsive Layout: The components in the UI Library are designed to be responsive and adaptable to different screen sizes and devices. This ensures that Sovryn applications are accessible and usable on various platforms.

  • Customization Options: The UI Library offers extensive customization options, allowing developers to tailor the components to match the branding and design requirements of their specific Sovryn application. Styles, themes, and component behaviors can be easily modified and extended.

  • Accessibility: Sovryn is committed to accessibility, and the UI Library is built with accessibility in mind. The components adhere to accessibility best practices, making them compatible with assistive technologies and providing an inclusive user experience for all users.

  • Easy Integration: The Sovryn UI Library is designed to be seamlessly integrated into Sovryn applications. It can be easily installed using package managers like npm or yarn and imported into your application codebase.

Documentation

The Sovryn UI Library provides comprehensive documentation to guide developers in using its features and components effectively. This features an interactive Storybook, which provides a live showcase of all the available components. You can explore the Storybook to see the components in action, experiment with their props and variations, and get a visual understanding of how they can be used in your applications.

Useful links can be found .

Support

If you encounter any issues, have questions, or need assistance while using the Sovryn UI Library, please reach out to our support team via Discord or refer to the community resources available on the Sovryn Builder Portal.

here