pkgdown/index.md

In nteetor/dull: A Reactive Web Framework Built on 'shiny'

d3("yonder")

yonder

A shiny framework.

Build shiny applications with an all new set of inputs, utilties, and design tools. Click here to see these great new tools help build pieces of this page.

Inputs

New inputs let you build a variety of user interfaces. Develop the best ui for your users’ needs. Whether you are building an application for personal use, internal use, or public use an intuitive ui helps guide users through your application.

# button group input
div(
  .style %>%
    display("flex") %>%
    flex(justify = "center"),
  buttonGroupInput(
    .style %>%
      background("primary"),
    id = NULL,
    choices = c("Sample", "Model", "Download")
  )
)

Sample Model Download

As shiny developers we are not only developing programs and scripts for a variety of users we are developing applications for many different devices.

Yonder’s inputs are ready for both mobile and web. Once you include

# list group input
div(
  .style %>%
    display("flex") %>%
    flex(align = "center", justify = "center"),
  card(
    .style %>%
      border("info") %>%
      background("info") %>%
      font("light"),
    header = "Learn more",
    listGroupInput(
      .style %>%
        background("info"),
      flush = TRUE,
      id = NULL,
      choices = c("About", "Our process", "Partners", "License")
    )
  )
)

Learn more

About Our process Partners License

Designs

Based on the widely used Bootstrap library, yonder provides a series of design utilities to help prototype and produce the shiny apps you imagine.

That control panel never has to sit on the left again.

div(
  .style %>%
    width(100) %>%
    padding(2) %>%
    display("flex") %>%
    flex(justify = "center") %>%
    border("dark", round = "all"),
  card(
    header = "Controls",
    formGroup(
      label = "Options",
      selectInput(
        id = NULL,
        choices = c("Option 1", "Option 2", "Option 3")
      )
    ),
    buttonInput(
      .style %>%
        background("primary"),
      id = NULL,
      label = "Run"
    )
  )
)

Controls

Options

Option 1 Option 2 Option 3

Run

div(
  .style %>%
    width(100) %>%
    padding(2) %>%
    display("flex") %>%
    flex(justify = "end") %>%
    border("dark", round = "all"),
  dropdown(
    .style %>%
      background("secondary"),
    label = "Menu",
    h5("Controls") %>% margin(r = 3, l = 3),
    formInput(
      .style %>% padding(r = 3, l = 3),
      id = NULL,
      formGroup(
        label = "Target",
        input = textInput(
          id = NULL
        )
      ),
      formGroup(
        label = "Description",
        input = textInput(
          id = NULL
        )
      ),
      buttonInput(
        .style %>% background("primary"),
        id = NULL,
        label = "Update"
      )
    )
  )
)

Menu

Controls

Target

Description

Update

Convey more.

… and much more!

nteetor/dull documentation built on June 10, 2022, 11:30 a.m.