UiBox Documentation

Appearance

UiBox ​

UiBox is heavily inspired by Shadcn Ui from the web world. So Every component you see shared here, is also copyable straight from this website. We encourage the use of our components, but also easily provide the code for them, so you can customize as needed.

Code implmentations can be found inside the details blocks.

We are soon to support android for all of our components as well.

Components ​

Progress Bar

Image Here...

TIP

Please use a VStack to make it look much nicer.

swift
VStack {
  UiBox.ProgressBar()
}
Details

Code Implementation

Button

Image Here...

Usage:

swift
UiBox.Button()
Details

Code Implementation

ComboBox

ComboBox is a small container, with a search bar at the top and options at the bottom.

Usage:

swift

  let string = """ 
    [
      {"id": 0, "name": "Option 1"}
    ]
  """

   UiBox.ComboBox(dataString: <some string>)
Details

Code Implementation

Calendar View

This is a simple calendar view that looks very nice.

Usage:

swift
UiBox.CalendarView()
Details

Code Implementation

Custom Containers ​

Input

md
::: info
This is an info box.
:::

::: tip
This is a tip.
:::

::: warning
This is a warning.
:::

::: danger
This is a dangerous warning.
:::

::: details
This is a details block.
:::

Output

INFO

This is an info box.

TIP

This is a tip.

WARNING

This is a warning.

DANGER

This is a dangerous warning.

Details

This is a details block.

More ​

Check out the documentation for the full list of markdown extensions.