https://github.com/lkoehl/typst-boxes

https://github.com/lkoehl/typst-boxes

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/lkoehl/typst-boxes
• Owner: lkoehl
• License: mit
• Created: 2023-04-03T12:59:40.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-04-27T07:07:06.000Z (9 months ago)
• Last Synced: 2024-08-02T06:16:48.873Z (6 months ago)
• Language: Typst
• Size: 1.12 MB
• Stars: 76
• Watchers: 2
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-typst - typst-boxes - A library to draw colorful boxes. (Templates & Libraries / Formatting)
• awesome-typst-cn - typst-boxes

README

        
# typst-boxes

Colorful boxes in [Typst](https://github.com/typst/typst).

Check out [the example project](https://typst.app/project/rp9q3upfc69bPUCbv0BjzX) to see all boxes in action

Current features include:

- a colorful box is in four different colors (black, red, blue, green)

- a colorful box with a slanted headline

- a box with a simple outline

- a rotateable stickynote

## Colorbox

![colorbox_example](examples/colorbox.png)

### Usage

```

#colorbox(

  title: lorem(5),

  color: "blue",

  radius: 2pt,

  width: auto

)[

  #lorem(50)

]

```

## Slanted Colorbox

![slantedColorbox_example](examples/slanted-colorbox.png)

### Usage

```

#slanted-colorbox(

  title: lorem(5),

  color: "red",

  radius: 0pt,

  width: auto

)[

  #lorem(50)

]

```

## Outline Colorbox

![outlinebox_example](examples/outline-colorbox.png)

### Usage

```

#outline-colorbox(

  title: lorem(5),

  width: auto,

  radius: 2pt,

  centering: false

)[

  #lorem(50)

]

#outline-colorbox(

  title: lorem(5),

  color: "green",

  width: auto,

  radius: 2pt,

  centering: true

)[

  #lorem(50)

]

```

## Stickybox

![stickybox](examples/stickybox.png)

### Usage

```

#stickybox(

  rotation: 5deg,

  width: 5cm

)[

  #lorem(20)

]

```