pink

KO | EN

gitlite — search

#hacktoberfest #llm #android #machine-learning #rust #linux #docker #java #awesome #awesome-list #pytorch #ios #mcp #open-source

(★ 10)

Gleam bindings to Ink, a library for building terminal UIs.

pink 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# pink
Bindings to [Ink](https://github.com/vadimdemedes/ink)

A minimal React-like library for building terminal UIs.

[![Package Version](https://img.shields.io/hexpm/v/pink)](https://hex.pm/packages/pink)
[![Hex Docs](https://img.shields.io/badge/hex-docs-ffaff3)](https://hexdocs.pm/pink/)

## Installation

This package depends on Ink and React. The specific versions listed below are recommended because they have been tested with this package. Using other versions may lead to unexpected results.

```sh
npm install ink@7 ink-spinner@5 react@19
```

To add the Pink package to your Gleam project, use the following command:

```sh
gleam add pink
```

Here's a basic example of how to use Pink:

```gleam
import pink
import pink/attribute
import pink/state

fn my_component() {
  // Create a new React component (we need this to use hooks)
  use <- pink.component()

// Initialize a state (this is React's useState hook)
  let message = state.init("World")

// Create a box with a border and a text component inside
  pink.box([attribute.border_style(attribute.BorderSingle)], [
    pink.text([], "Hello, " <> state.get(message)),
  ])
}

pub fn main() {
  // Render your component
  pink.render(my_component())
}
```

pink

pink 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

pink

pink 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README