Get Started
UI Examples/Tutorials
- What is zero-true?
- State in zero-true
- User State in zero-true
- Buttons in Zero-True
- Sliders in zero-true
- Range Sliders in zero-true
- Text Inputs in zero-true
- Text Areas in zero-true
- Displaying a Pandas DataFrame in zero-true
- Displaying a Matplotlib Plot in zero-true
- Displaying a Plotly Plot in zero-true
- CLI
- App Bar
- Toolbar
- Cell Types
- Cells
- Layout
- Publishing
API reference
Card
Below are the various attributes you can assign to the component. Utilizing them can allow for modifications to the pre-created object.
id (string): Unique id for a component
childComponents (list): List of child component ids to be placed within the card
color (string): Background color of the card
elevation (integer): Elevation level of the card. Must be between 0 and 24
density (string): Density of the component
width (integer | string): Width of the card
Example Usage
import zero_true as zt
sample_card = zt.Card(
id = 'sample_card', # Unique id for a component
childComponents = [], # List of child component ids to be placed within the card
color = None, # Background color of the card
elevation = 0, # Elevation level of the card. Must be between 0 and 24
density = 'default', # Density of the component
width = '100%', # Width of the card
)