Atoms

A typst ui library for computer science papers, research, and brainstorming :).

Current Components (Beta - still potential to change)

• Card (working on)
• Button

---

Components

Card (Currently Working on)

Config: dictinary

Example:

#import "src/molecules/cards/example.typ": *

#let configExample = (
    header: (title: "foo", icon: emoji.hand),
    padding: 16pt,
    radius: 8pt,
    border: (width: 0.5pt, color: none, style: "solid"),
)

#card(config: configExample)[...]

---

Buttons

content: dictinary

variant: str

size: str

fill?: color

stroke?: color

text-color?: color

radius?: Length

width?: Length

block?:

Example:

#import "src/molecules/buttons/basic.typ": *

#basicButton(
    [foo],
    variant: "secondary",
    bg-color: rgb("#000000"),
    stroke: 0.5pt + rgb("#ff0000"),
    text-color: rgb("#00ff00"),
    radius: 8pt,
    width: 100%,
)